Tobias/PiCopy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Verbesserung der Topbar-Layoutstruktur für bessere Benutzeroberfläche

Browse Source
This commit is contained in:
Tobias Leuschner
2026-05-10 17:19:45 +02:00
parent 09d80deec5
commit 19ec70a540
2 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
app.py
View File

@@ -2189,8 +2189,9 @@ body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSys
.topbar{background:var(--bg2);border-bottom:1px solid var(--brd);padding:.75rem 1.5rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)} .topbar{background:var(--bg2);border-bottom:1px solid var(--brd);padding:.75rem 1.5rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}
.logo{display:flex;align-items:center;gap:.55rem;font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--txt)} .logo{display:flex;align-items:center;gap:.55rem;font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--txt)}
.logo-img{height:28px;width:auto;object-fit:contain} .logo-img{height:28px;width:auto;object-fit:contain}
.topbar-wifi{margin-left:auto;display:flex;align-items:center;gap:.6rem;font-size:.82rem;background:var(--surf);border:1px solid var(--brd);border-radius:9999px;padding:.3rem .75rem} .topbar-right{margin-left:auto;display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden}
.topbar-wifi~.topbar-wifi,.wdot{width:7px;height:7px;border-radius:50%;transition:.3s;flex-shrink:0} .topbar-wifi{display:flex;align-items:center;gap:.6rem;font-size:.82rem;background:var(--surf);border:1px solid var(--brd);border-radius:9999px;padding:.3rem .75rem;white-space:nowrap;min-width:0}
.wdot{width:7px;height:7px;border-radius:50%;transition:.3s;flex-shrink:0}
.wdot.c{background:var(--grn);box-shadow:0 0 6px var(--grn)} .wdot.c{background:var(--grn);box-shadow:0 0 6px var(--grn)}
.wdot.a{background:var(--pur)} .wdot.a{background:var(--pur)}
.wdot.d{background:var(--brd2)} .wdot.d{background:var(--brd2)}
@@ -2383,15 +2384,17 @@ body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSys
<div id="upd-badge" class="upd-badge" onclick="installUpdate()" title="Klicken zum Installieren"> <div id="upd-badge" class="upd-badge" onclick="installUpdate()" title="Klicken zum Installieren">
&#8593; <span id="upd-version"></span> verfügbar &#8593; <span id="upd-version"></span> verfügbar
</div> </div>
<div class="topbar-wifi"> <div class="topbar-right">
<div class="wdot d" id="wdot"></div> <div class="topbar-wifi">
<span id="wifi-label">Verbinde...</span> <div class="wdot d" id="wdot"></div>
<span id="wifi-ip"></span> <span id="wifi-label">Verbinde...</span>
</div> <span id="wifi-ip"></span>
<div id="vpn-pill" class="topbar-wifi" style="display:none"> </div>
<div class="wdot d" id="vpn-dot"></div> <div id="vpn-pill" class="topbar-wifi" style="display:none">
<span id="vpn-label" style="font-weight:600;color:var(--txt)">VPN</span> <div class="wdot d" id="vpn-dot"></div>
<span id="vpn-ip" style="color:var(--sub);font-family:monospace;font-size:.76rem"></span> <span id="vpn-label" style="font-weight:600;color:var(--txt)">VPN</span>
<span id="vpn-ip" style="color:var(--sub);font-family:monospace;font-size:.76rem"></span>
</div>
</div> </div>
</header> </header>

2
version.txt
View File

@@ -1 +1 @@
1.0.66 1.0.67