rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Desktop Welten: Chips eine Zeile + Nav vertikal zentriert

Browse source 
- .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
This commit is contained in:
rene 2026-05-16 09:12:05 +02:00
parent 8c69143b09
commit 9168d982d0
5 changed files with 20 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
backend/main.py
View file

@ -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():

20
backend/static/css/components.css
View file

@ -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;

2
backend/static/index.html
View file

@ -103,7 +103,7 @@
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
<link rel="stylesheet" href="/css/design-system.css?v=907">
<link rel="stylesheet" href="/css/layout.css?v=973">
<link rel="stylesheet" href="/css/components.css?v=1006">
<link rel="stylesheet" href="/css/components.css?v=1007">
</head>
<body>

2
backend/static/js/app.js
View file

@ -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

2
backend/static/sw.js
View file

@ -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