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

Desktop: W3-Overlays als zentrierte Dialogs (FAB + All-Chips)

Browse source 
@media 768px:
- .w3-sheet-overlay: justify-content/align-items:center statt flex-end
- .w3-sheet-panel: border-radius:20px, max-width:480px, padding:24px
- .w3-sheet-panel--scroll: max-width:680px (all-chips breiter)
- all-chips Grid: auto-fill minmax(100px) statt repeat(4,1fr)
components.css ?v=1009, SW by-v1012, APP_VER 1012
This commit is contained in:
rene 2026-05-16 09:28:03 +02:00
parent 82869e3f12
commit f36bac7ded
5 changed files with 32 additions and 4 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.") raise _HE(404, "Nicht gefunden.")
return _media_response(filepath) return _media_response(filepath)
APP_VER = "1011" # muss mit APP_VER in app.js übereinstimmen APP_VER = "1012" # muss mit APP_VER in app.js übereinstimmen
@app.get("/.well-known/assetlinks.json") @app.get("/.well-known/assetlinks.json")
async def assetlinks(): async def assetlinks():

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

@ -8649,6 +8649,34 @@ svg.empty-state-icon {
font-weight: 600; font-weight: 600;
} }
/* ----------------------------------------------------------
W3-Overlays Desktop: zentrierte Dialogs statt Bottom-Sheets
---------------------------------------------------------- */
@media (min-width: 768px) {
.w3-sheet-overlay {
justify-content: center;
align-items: center;
}
.w3-backdrop {
backdrop-filter: blur(4px);
}
.w3-sheet-panel {
border-radius: 20px;
width: 90%;
max-width: 480px;
padding: 24px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}
.w3-sheet-panel--scroll {
max-width: 680px;
max-height: 80vh;
}
/* all-chips Grid auf Desktop: auto-fill statt repeat(4,1fr) */
.w3-sheet-panel--scroll [style*="grid-template-columns:repeat(4,1fr)"] {
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;
}
}
/* ---------------------------------------------------------- /* ----------------------------------------------------------
Settings / Dog-Profile: Card-Sektion-Header Settings / Dog-Profile: Card-Sektion-Header
(uppercase Label mit Border-Bottom) (uppercase Label mit Border-Bottom)

2
backend/static/index.html
View file

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

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

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung. Router, State-Management, Navigation, Initialisierung.
============================================================ */ ============================================================ */
const APP_VER = '1011'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen const APP_VER = '1012'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app'; const IS_STAGING = location.hostname === 'staging.banyaro.app';
// Cache-Bust-Parameter nach Update-Reload sofort entfernen // 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 Offline-Cache + Push Notifications + Tile-Cache
============================================================ */ ============================================================ */
const CACHE_VERSION = 'by-v1011'; const CACHE_VERSION = 'by-v1012';
const CACHE_STATIC = `${CACHE_VERSION}-static`; const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
const CACHE_API = 'ban-yaro-api-v1'; // API-Response-Cache const CACHE_API = 'ban-yaro-api-v1'; // API-Response-Cache