Dashboard: retire l'heure/date, remonte meteo + NAS en haut de colonne gauche

This commit is contained in:
jerem
2026-06-15 17:20:14 +02:00
parent c4011bef0b
commit ce20d3675d

View File

@@ -38,12 +38,6 @@
.section:last-child { margin-bottom: 0; } .section:last-child { margin-bottom: 0; }
.rule { border: 0; border-top: 4px solid var(--line); margin: 0 0 32px; } .rule { border: 0; border-top: 4px solid var(--line); margin: 0 0 32px; }
/* En-tête : heure au-dessus, date dessous (alignées à gauche). */
header { display: flex; flex-direction: column; gap: 10px; }
.clock { font-size: 210px; font-weight: 800; line-height: 0.82; letter-spacing: -6px; }
.date { font-size: 46px; font-weight: 600; }
.date .dow { font-size: 68px; font-weight: 800; text-transform: capitalize; }
/* Météo */ /* Météo */
.weather .top { display: flex; align-items: center; gap: 32px; } .weather .top { display: flex; align-items: center; gap: 32px; }
.weather .icon { font-size: 140px; line-height: 1; } .weather .icon { font-size: 140px; line-height: 1; }
@@ -87,16 +81,8 @@
</head> </head>
<body> <body>
<!-- Colonne gauche : heure, date, météo --> <!-- Colonne gauche : météo, NAS -->
<div class="col col-left"> <div class="col col-left">
<header class="section">
<div class="clock">{{ time }}</div>
<div class="date">
<span class="dow">{{ dow }}</span> · {{ date }}
</div>
</header>
<hr class="rule">
<div class="section weather"> <div class="section weather">
{% if weather.ok %} {% if weather.ok %}
<div class="top"> <div class="top">