Compare commits
No commits in common. "15d17ed35e3131ed977139c65b4c875647fcbc2d" and "92b6113d726c44881c89e0fb0fec54ea735b76a0" have entirely different histories.
15d17ed35e
...
92b6113d72
3 changed files with 5 additions and 13 deletions
|
|
@ -286,14 +286,11 @@ function updateStatusDisplay(status) {
|
|||
|
||||
// Update Ethernet uplink badge
|
||||
const ethernetStatus = document.getElementById('ethernetStatus');
|
||||
const ethernetDot = ethernetStatus.querySelector('.status-dot');
|
||||
const ethernetText = ethernetStatus.querySelector('.status-text');
|
||||
if (status.ethernetStatus?.active) {
|
||||
ethernetDot.className = 'status-dot active';
|
||||
ethernetText.textContent = `Ethernet · ${status.ethernetStatus.ipv4 || status.ethernetStatus.interface}`;
|
||||
ethernetStatus.hidden = false;
|
||||
} else {
|
||||
ethernetDot.className = 'status-dot offline';
|
||||
ethernetStatus.hidden = true;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -22,16 +22,16 @@
|
|||
</div>
|
||||
<div class="connection-info">
|
||||
<div class="status-badge" id="wifiStatus">
|
||||
<span class="status-dot loading"></span>
|
||||
<span class="status-text">Chargement…</span>
|
||||
<span class="status-dot offline"></span>
|
||||
<span class="status-text">Disconnected</span>
|
||||
</div>
|
||||
<div class="status-badge" id="ethernetStatus" hidden>
|
||||
<span class="status-dot loading"></span>
|
||||
<span class="status-dot active"></span>
|
||||
<span class="status-text">Ethernet</span>
|
||||
</div>
|
||||
<div class="status-badge" id="hotspotStatus">
|
||||
<span class="status-dot loading"></span>
|
||||
<span class="status-text">Chargement…</span>
|
||||
<span class="status-dot active"></span>
|
||||
<span class="status-text">Hotspot actif</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -131,11 +131,6 @@ body {
|
|||
animation: blink 1.2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.status-dot.loading {
|
||||
background: var(--text-tertiary);
|
||||
animation: pulse 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.3; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue