torsten/yourpart3
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Änderung: Anpassung der Positionierung von Haus-Ecken im Taxi-Spiel

Browse Source 
Änderungen:
- Anpassung der CSS-Positionen für die Haus-Ecken in der Datei TaxiToolsView.vue, um eine bessere visuelle Darstellung zu gewährleisten.
- Verschiebung der Ecken um 2 Pixel nach innen, um die Platzierung zu optimieren.

Diese Anpassungen verbessern die Benutzeroberfläche und die visuelle Klarheit der Hausplatzierung im Taxi-Minispiel.
This commit is contained in:
Torsten Schulz (local)
2025-09-18 09:25:50 +02:00
parent d530066868
commit ab8e12cbcd
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/views/admin/TaxiToolsView.vue
View File

@@ -1449,10 +1449,10 @@ export default {
.door-left { left: -1px; top: calc(50% - 2.5px); width: 2px; height: 5px; } .door-left { left: -1px; top: calc(50% - 2.5px); width: 2px; height: 5px; }
.door-right { right: -1px; top: calc(50% - 2.5px); width: 2px; height: 5px; } .door-right { right: -1px; top: calc(50% - 2.5px); width: 2px; height: 5px; }
.house-overlay { position: absolute; inset: 0; pointer-events: none; } .house-overlay { position: absolute; inset: 0; pointer-events: none; }
.house-square.corner-lo { position: absolute; top: 1px; left: 1px; } .house-square.corner-lo { position: absolute; top: 3px; left: 3px; }
.house-square.corner-ro { position: absolute; top: 1px; right: 1px; } .house-square.corner-ro { position: absolute; top: 3px; right: 3px; }
.house-square.corner-lu { position: absolute; bottom: 1px; left: 1px; } .house-square.corner-lu { position: absolute; bottom: 3px; left: 3px; }
.house-square.corner-ru { position: absolute; bottom: 1px; right: 1px; } .house-square.corner-ru { position: absolute; bottom: 3px; right: 3px; }
.corner-chooser { margin-top: 8px; display: flex; gap: 6px; } .corner-chooser { margin-top: 8px; display: flex; gap: 6px; }
.corner-btn { padding: 3px; border: 1px solid #ccc; border-radius: 4px; background: #f7f7f7; cursor: pointer; } .corner-btn { padding: 3px; border: 1px solid #ccc; border-radius: 4px; background: #f7f7f7; cursor: pointer; }
.corner-btn:hover { background: #eee; } .corner-btn:hover { background: #eee; }