Ä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:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user