diff --git a/backend/templates/dashboard.html b/backend/templates/dashboard.html index d6a3918..5a81f0b 100644 --- a/backend/templates/dashboard.html +++ b/backend/templates/dashboard.html @@ -37,14 +37,14 @@ padding-left: 52px; border-left: 4px solid var(--ink); } /* É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 .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; margin-left: auto; padding: 4px 12px; border: 3px solid var(--ink); } .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 ---- */ .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); } /* ---- 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 .top { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; } - .trk .name { font-weight: 700; font-size: 31px; } - .trk .ratio { font-size: 46px; font-weight: 800; line-height: .9; } - .trk .io { font-size: 25px; font-weight: 500; margin-top: 5px; } + .trk .name { font-weight: 700; font-size: 28px; } + .trk .ratio { font-size: 38px; font-weight: 800; line-height: .9; } + .trk .io { font-size: 22px; font-weight: 500; line-height: 1.25; margin-top: 2px; } /* ============================ JAUGE (signature) ============================ Barre de progression intuitive : le noir se REMPLIT de gauche à droite avec la