Änderung: Bereinigung und Optimierung der TaxiToolsView.vue

Änderungen:
- Entfernen von nicht mehr benötigten Informationen zur Spielbrettgröße und -position aus der Benutzeroberfläche.
- Anpassung der verfügbaren Tile-Typen zur besseren Strukturierung und Übersichtlichkeit.
- Aktualisierung des CSS-Layouts für die Spielsteine, um die Darstellung zu verbessern.

Diese Anpassungen tragen zur Vereinfachung der Benutzeroberfläche und zur Verbesserung der Benutzererfahrung im Taxi-Minispiel bei.
This commit is contained in:
Torsten Schulz (local)
2025-09-15 19:13:11 +02:00
parent 063e72d13a
commit f343509d85

View File

@@ -271,9 +271,14 @@ export default {
}, },
boardCells: {}, // { "x,y": { tileType: "horizontal", x: 0, y: 0 } } boardCells: {}, // { "x,y": { tileType: "horizontal", x: 0, y: 0 } }
availableTileTypes: [ availableTileTypes: [
'cornertopleft', 'cornertopright', 'cornerbottomleft', 'cornerbottomright', // 1. Zeile: bottomright, tdown, horizontal, bottomleft
'horizontal', 'vertical', 'cross', 'fuelhorizontal', 'fuelvertical', 'cornerbottomright', 'tdown', 'horizontal', 'cornerbottomleft',
'tup', 'tdown', 'tleft', 'tright' // 2. Zeile: topright, tup, fuelhorizontal, topleft
'cornertopright', 'tup', 'fuelhorizontal', 'cornertopleft',
// 3. Zeile: tright, tleft, vertical, fuelvertical
'tright', 'tleft', 'vertical', 'fuelvertical',
// 4. Zeile: cross
'cross'
], ],
selectedCellKey: null, selectedCellKey: null,
selectedTileType: null selectedTileType: null
@@ -1002,7 +1007,7 @@ export default {
.tile-grid { .tile-grid {
display: grid; display: grid;
grid-template-columns: repeat(4, 50px); grid-template-columns: repeat(4, 50px);
grid-template-rows: repeat(3, 50px); grid-template-rows: repeat(4, 50px);
gap: 5px; gap: 5px;
border: 2px solid #ddd; border: 2px solid #ddd;
padding: 10px; padding: 10px;
@@ -1100,8 +1105,8 @@ export default {
} }
.tile-grid { .tile-grid {
grid-template-columns: repeat(6, 50px); grid-template-columns: repeat(4, 50px);
grid-template-rows: repeat(2, 50px); grid-template-rows: repeat(4, 50px);
justify-content: center; justify-content: center;
} }
} }
@@ -1132,7 +1137,7 @@ export default {
.tile-grid { .tile-grid {
grid-template-columns: repeat(4, 40px); grid-template-columns: repeat(4, 40px);
grid-template-rows: repeat(3, 40px); grid-template-rows: repeat(4, 40px);
} }
.tile-option { .tile-option {