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

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

16
backend/static/js/pages/settings.js
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>