Ä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 } }
|
||||
availableTileTypes: [
|
||||
'cornertopleft', 'cornertopright', 'cornerbottomleft', 'cornerbottomright',
|
||||
'horizontal', 'vertical', 'cross', 'fuelhorizontal', 'fuelvertical',
|
||||
'tup', 'tdown', 'tleft', 'tright'
|
||||
// 1. Zeile: bottomright, tdown, horizontal, bottomleft
|
||||
'cornerbottomright', 'tdown', 'horizontal', 'cornerbottomleft',
|
||||
// 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,
|
||||
selectedTileType: null
|
||||
@@ -1002,7 +1007,7 @@ export default {
|
||||
.tile-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 50px);
|
||||
grid-template-rows: repeat(3, 50px);
|
||||
grid-template-rows: repeat(4, 50px);
|
||||
gap: 5px;
|
||||
border: 2px solid #ddd;
|
||||
padding: 10px;
|
||||
@@ -1100,8 +1105,8 @@ export default {
|
||||
}
|
||||
|
||||
.tile-grid {
|
||||
grid-template-columns: repeat(6, 50px);
|
||||
grid-template-rows: repeat(2, 50px);
|
||||
grid-template-columns: repeat(4, 50px);
|
||||
grid-template-rows: repeat(4, 50px);
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
@@ -1132,7 +1137,7 @@ export default {
|
||||
|
||||
.tile-grid {
|
||||
grid-template-columns: repeat(4, 40px);
|
||||
grid-template-rows: repeat(3, 40px);
|
||||
grid-template-rows: repeat(4, 40px);
|
||||
}
|
||||
|
||||
.tile-option {
|
||||
|
||||
Reference in New Issue
Block a user