From 5fd86dac4bd2f3f74f8d1a7f2e281f5637a2266c Mon Sep 17 00:00:00 2001 From: rene Date: Fri, 15 May 2026 12:42:04 +0200 Subject: [PATCH] =?UTF-8?q?UX:=20Admin-Panel=20Desktop=20=E2=80=94=20Sideb?= =?UTF-8?q?ar-Navigation,=201200px=20Breite,=20keine=20abgeschnittenen=20T?= =?UTF-8?q?abs=20(SW=20by-v973)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- backend/main.py | 2 +- backend/static/css/layout.css | 36 +++++++++++++++++++++++++++++++- backend/static/index.html | 2 +- backend/static/js/app.js | 2 +- backend/static/js/pages/admin.js | 20 +++++++++--------- backend/static/sw.js | 2 +- 6 files changed, 49 insertions(+), 15 deletions(-) diff --git a/backend/main.py b/backend/main.py index eed58a4..3b3b3e5 100644 --- a/backend/main.py +++ b/backend/main.py @@ -408,7 +408,7 @@ async def serve_media(path: str, request: _Request): raise _HE(404, "Nicht gefunden.") return _media_response(filepath) -APP_VER = "972" # muss mit APP_VER in app.js übereinstimmen +APP_VER = "973" # muss mit APP_VER in app.js übereinstimmen @app.get("/.well-known/assetlinks.json") async def assetlinks(): diff --git a/backend/static/css/layout.css b/backend/static/css/layout.css index 1a0a778..a88726d 100644 --- a/backend/static/css/layout.css +++ b/backend/static/css/layout.css @@ -592,6 +592,40 @@ /* Etwas breiterer Standard-Container auf großen Screens */ .page-container { max-width: 860px; } + /* Admin: breit + Sidebar-Layout */ + #page-admin .page-container { max-width: 1200px; } + + #page-admin .adm-shell { + display: flex; + gap: var(--space-4); + align-items: flex-start; + } + + #page-admin .adm-tabs { + display: flex !important; + flex-direction: column; + width: 190px; + flex-shrink: 0; + gap: var(--space-1); + padding-bottom: 0; + position: sticky; + top: var(--space-3); + } + + #page-admin .adm-tabs .by-tab { + justify-content: flex-start !important; + text-align: left !important; + padding-left: var(--space-3); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + #page-admin #adm-content { + flex: 1; + min-width: 0; + } + /* ---------------------------------------------------------- WELCOME: 2-spaltige Feature-Sections, zentrierter Hero ---------------------------------------------------------- */ @@ -688,7 +722,7 @@ white-space: nowrap; } - /* Admin: Tabs auf 2 Zeilen */ + /* Admin: Tabs als 2-zeiliges Grid (Mobile/Tablet) */ #page-admin .adm-tabs { display: grid; grid-template-columns: repeat(var(--adm-tab-cols, 4), minmax(0, 1fr)); diff --git a/backend/static/index.html b/backend/static/index.html index d079f75..4430f06 100644 --- a/backend/static/index.html +++ b/backend/static/index.html @@ -102,7 +102,7 @@ - + diff --git a/backend/static/js/app.js b/backend/static/js/app.js index c52569b..6909290 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 = '972'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen +const APP_VER = '973'; // ← 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/js/pages/admin.js b/backend/static/js/pages/admin.js index 557dd75..f0de9f3 100644 --- a/backend/static/js/pages/admin.js +++ b/backend/static/js/pages/admin.js @@ -56,17 +56,17 @@ window.Page_admin = (() => {
- -
- ${TABS.map(t => ` - - `).join('')} + +
+
+ ${TABS.map(t => ` + + `).join('')} +
+
- - -
`; _container.querySelector('#adm-tabs') diff --git a/backend/static/sw.js b/backend/static/sw.js index db77354..f648f9a 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-v972'; +const CACHE_VERSION = 'by-v973'; 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