From e773259aa7b7eae7e45223e2a225955db1555fb3 Mon Sep 17 00:00:00 2001 From: jerem Date: Wed, 17 Jun 2026 11:13:19 +0200 Subject: [PATCH] =?UTF-8?q?Dashboard:=20compacte=20la=20section=20trackers?= =?UTF-8?q?=20+=20resserre=20s=C3=A9parateurs/labels?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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). --- backend/templates/dashboard.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) 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