colgora/Monitorink
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dashboard: compacte la section trackers + resserre séparateurs/labels

Browse Source 
Fait tenir 4 trackers sous le NAS sans déborder la colonne gauche (ratio 38px,
io 22px, padding réduit ; hr 22px ; label margin 20px).
This commit is contained in:
jerem
2026-06-17 11:13:19 +02:00
parent df9f384d57
commit e773259aa7
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
backend/templates/dashboard.html
View File

@@ -37,14 +37,14 @@
padding-left: 52px; border-left: 4px solid var(--ink); } padding-left: 52px; border-left: 4px solid var(--ink); }
/* Étiquette de bloc : barre pleine + mot. Encode "section", pas de déco capitale flottante. */ /* Étiquette de bloc : barre pleine + mot. Encode "section", pas de déco capitale flottante. */
.label { display: flex; align-items: center; gap: 16px; margin-bottom: 26px; } .label { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
.label::before { content: ""; width: 26px; height: 26px; background: var(--ink); flex: 0 0 auto; } .label::before { content: ""; width: 26px; height: 26px; background: var(--ink); flex: 0 0 auto; }
.label .t { font-weight: 800; font-size: 33px; letter-spacing: 1px; text-transform: uppercase; } .label .t { font-weight: 800; font-size: 33px; letter-spacing: 1px; text-transform: uppercase; }
.label .meta { font-weight: 700; font-size: 24px; letter-spacing: 1px; text-transform: uppercase; .label .meta { font-weight: 700; font-size: 24px; letter-spacing: 1px; text-transform: uppercase;
margin-left: auto; padding: 4px 12px; border: 3px solid var(--ink); } margin-left: auto; padding: 4px 12px; border: 3px solid var(--ink); }
.label .alarm { background: var(--ink); color: var(--paper); } .label .alarm { background: var(--ink); color: var(--paper); }
hr.div { border: 0; border-top: 4px solid var(--ink); margin: 30px 0; } hr.div { border: 0; border-top: 4px solid var(--ink); margin: 22px 0; }
/* ---- Météo : silhouette 1-bit + relevé mono ---- */ /* ---- Météo : silhouette 1-bit + relevé mono ---- */
.wx { display: flex; align-items: center; gap: 30px; } .wx { display: flex; align-items: center; gap: 30px; }
@@ -66,12 +66,12 @@
.ko { display: inline-block; padding: 0 8px; background: var(--ink); color: var(--paper); } .ko { display: inline-block; padding: 0 8px; background: var(--ink); color: var(--paper); }
/* ---- Trackers (ratio + envoi/réception du compte, sous le NAS) ---- */ /* ---- Trackers (ratio + envoi/réception du compte, sous le NAS) ---- */
.trk { padding: 13px 0; border-bottom: 2px solid var(--ink); } .trk { padding: 8px 0; border-bottom: 2px solid var(--ink); }
.trk:last-child { border-bottom: 0; } .trk:last-child { border-bottom: 0; }
.trk .top { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; } .trk .top { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.trk .name { font-weight: 700; font-size: 31px; } .trk .name { font-weight: 700; font-size: 28px; }
.trk .ratio { font-size: 46px; font-weight: 800; line-height: .9; } .trk .ratio { font-size: 38px; font-weight: 800; line-height: .9; }
.trk .io { font-size: 25px; font-weight: 500; margin-top: 5px; } .trk .io { font-size: 22px; font-weight: 500; line-height: 1.25; margin-top: 2px; }
/* ============================ JAUGE (signature) ============================ /* ============================ JAUGE (signature) ============================
Barre de progression intuitive : le noir se REMPLIT de gauche à droite avec la Barre de progression intuitive : le noir se REMPLIT de gauche à droite avec la