UX: Abmelden-Button als prominenter Outline-Button mit Trennlinie (SW by-v763)

This commit is contained in:
rene 2026-05-07 19:25:27 +02:00
parent a3c8d77a14
commit 77795345b8
5 changed files with 15 additions and 9 deletions

View file

@ -327,7 +327,7 @@ MEDIA_DIR = os.getenv("MEDIA_DIR", "/data/media")
os.makedirs(MEDIA_DIR, exist_ok=True)
app.mount("/media", StaticFiles(directory=MEDIA_DIR), name="media")
APP_VER = "762" # muss mit APP_VER in app.js übereinstimmen
APP_VER = "763" # muss mit APP_VER in app.js übereinstimmen
@app.get("/api/version")
async def app_version():

View file

@ -578,7 +578,7 @@
<script src="/js/api.js?v=94"></script>
<script src="/js/ui.js?v=94"></script>
<script src="/js/app.js?v=94"></script>
<script src="/js/worlds.js?v=762"></script>
<script src="/js/worlds.js?v=763"></script>
<!-- Feature-Seiten werden lazy geladen -->

View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '762'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '763'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.5.0'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app';

View file

@ -285,11 +285,17 @@ window.Page_settings = (() => {
<strong>Ban Yaro Pro</strong> kommt bald mehr Features, mehrere Hunde.
</div>
` : ''}
<div class="sidebar-item" id="settings-logout-btn"
style="padding:var(--space-4);border-radius:0;cursor:pointer;
color:var(--c-danger)">
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#sign-out"></use></svg>
<span>Abmelden</span>
<div style="padding:var(--space-3) var(--space-4);border-top:1px solid var(--c-border)">
<button id="settings-logout-btn"
style="width:100%;display:flex;align-items:center;justify-content:center;
gap:var(--space-2);padding:var(--space-3) var(--space-4);
border-radius:var(--radius-md);border:1.5px solid var(--c-danger);
background:transparent;color:var(--c-danger);
font-size:var(--text-sm);font-weight:600;cursor:pointer;
transition:background 0.15s">
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#sign-out"></use></svg>
Abmelden
</button>
</div>
</div>
</div>

View file

@ -3,7 +3,7 @@
Offline-Cache + Push Notifications + Tile-Cache
============================================================ */
const CACHE_VERSION = 'by-v762';
const CACHE_VERSION = 'by-v763';
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