Simon/wetter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: app.py

Browse Source 
modified:   static/css/style.css
	modified:   templates/weather.html
This commit is contained in:
simon
2026-04-22 14:33:00 +02:00
parent 7b3b66c6fc
commit 3294ccf45a
3 changed files with 85 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
static/css/style.css
View File

@@ -511,6 +511,7 @@ main { flex: 1; }
.hero { padding: 2rem 1.25rem 1.25rem; }
.section { padding: 2rem 1.25rem 0; }
.drow { grid-template-columns: 64px 1fr 120px; padding: 0.75rem 0.9rem; gap: 0.6rem; }
.daily-header { grid-template-columns: 64px 1fr 120px; padding: 0.45rem 0.9rem; gap: 0.6rem; }
.hero-metrics { border-radius: 10px; }
.hero-metric { padding: 0.7rem 0.9rem; min-width: 80px; }
.hm-val { font-size: 0.95rem; }
@@ -580,6 +581,45 @@ main { flex: 1; }
border-radius: 99px; padding: 0.1rem 0.45rem;
margin-left: 0.4rem;
}
/* Hourly legend */
.hourly-legend {
display: flex; flex-wrap: wrap; align-items: center;
gap: 0.4rem; margin-bottom: 0.75rem;
}
.hl-label {
font-size: 0.67rem; color: var(--muted);
text-transform: uppercase; letter-spacing: 0.8px;
font-weight: 600; margin-right: 0.2rem;
}
.hl-sep { color: var(--muted); font-size: 0.75rem; }
.hl-badge {
padding: 0.1rem 0.45rem; border-radius: 99px;
font-size: 0.65rem; font-weight: 600;
}
.hl-conf--hoch { color: #34d399; background: rgba(52,211,153,0.14); }
.hl-conf--mittel { color: #fbbf24; background: rgba(251,191,36,0.14); }
.hl-conf--niedrig { color: #f87171; background: rgba(248,113,113,0.14); }
.hl-act { color: #c7d2fe; background: rgba(129,140,248,0.15); }
.hl-uv { color: #a78bfa; background: rgba(167,139,250,0.12); }
/* Daily list header */
.daily-header {
display: grid;
grid-template-columns: 80px 1fr 160px;
padding: 0.45rem 1.2rem;
gap: 1rem;
font-size: 0.67rem; font-weight: 600;
text-transform: uppercase; letter-spacing: 0.8px;
color: var(--muted);
border: 1px solid rgba(255,255,255,0.07);
border-bottom: none;
border-radius: var(--r) var(--r) 0 0;
background: rgba(255,255,255,0.02);
}
.daily-header + .daily-list {
border-radius: 0 0 var(--r) var(--r);
}
.recent-label {
font-size: 0.68rem; text-transform: uppercase;
letter-spacing: 1px; color: var(--muted);