From 9168d982d0c03bac9301d54ecd6a7f638d2f79e9 Mon Sep 17 00:00:00 2001 From: rene Date: Sat, 16 May 2026 09:12:05 +0200 Subject: [PATCH] Desktop Welten: Chips eine Zeile + Nav vertikal zentriert MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - .world-chips-grid @768: flex nowrap, alle Chips in einer Zeile (80px Basis, shrinks bis 60px), justify-content:center — egal wie viele aktiv - #world-labels bottom: 22px→33px (vertikal zentriert zwischen Chips und Footer) - components.css ?v=1007, SW by-v1008, APP_VER 1008 --- backend/main.py | 2 +- backend/static/css/components.css | 20 ++++++++++++++++---- backend/static/index.html | 2 +- backend/static/js/app.js | 2 +- backend/static/sw.js | 2 +- 5 files changed, 20 insertions(+), 8 deletions(-) diff --git a/backend/main.py b/backend/main.py index 90ee234..f2d6c59 100644 --- a/backend/main.py +++ b/backend/main.py @@ -410,7 +410,7 @@ async def serve_media(path: str, request: _Request): raise _HE(404, "Nicht gefunden.") return _media_response(filepath) -APP_VER = "1007" # muss mit APP_VER in app.js übereinstimmen +APP_VER = "1008" # muss mit APP_VER in app.js übereinstimmen @app.get("/.well-known/assetlinks.json") async def assetlinks(): diff --git a/backend/static/css/components.css b/backend/static/css/components.css index 5b9f997..b0bcafa 100644 --- a/backend/static/css/components.css +++ b/backend/static/css/components.css @@ -7916,14 +7916,26 @@ svg.empty-state-icon { .world-panel { padding-top: calc(env(safe-area-inset-top, 0px) + 48px); } + /* Alle Chips in einer Zeile, zentriert, egal wie viele aktiv */ .world-chips-grid { - max-width: 480px; - margin-left: auto; - margin-right: auto; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: center; + max-width: none; + margin: 0; + gap: 7px; } + .world-chip { + flex: 0 1 80px; + min-width: 60px; + width: 80px; + min-height: 74px; + } + /* Nav vertikal zentriert zwischen Chips und Footer */ #world-labels { gap: 24px; - bottom: calc(env(safe-area-inset-bottom, 0px) + 22px); + bottom: calc(env(safe-area-inset-bottom, 0px) + 33px); } .wlabel { font-size: 12px; diff --git a/backend/static/index.html b/backend/static/index.html index b8d269b..35e0f1e 100644 --- a/backend/static/index.html +++ b/backend/static/index.html @@ -103,7 +103,7 @@ - + diff --git a/backend/static/js/app.js b/backend/static/js/app.js index d4a6c55..2f0b7e0 100644 --- a/backend/static/js/app.js +++ b/backend/static/js/app.js @@ -3,7 +3,7 @@ Router, State-Management, Navigation, Initialisierung. ============================================================ */ -const APP_VER = '1007'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen +const APP_VER = '1008'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt const IS_STAGING = location.hostname === 'staging.banyaro.app'; // Cache-Bust-Parameter nach Update-Reload sofort entfernen diff --git a/backend/static/sw.js b/backend/static/sw.js index 76cfaa9..552ae8b 100644 --- a/backend/static/sw.js +++ b/backend/static/sw.js @@ -3,7 +3,7 @@ Offline-Cache + Push Notifications + Tile-Cache ============================================================ */ -const CACHE_VERSION = 'by-v1007'; +const CACHE_VERSION = 'by-v1008'; const CACHE_STATIC = `${CACHE_VERSION}-static`; const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten const CACHE_API = 'ban-yaro-api-v1'; // API-Response-Cache