modified: __pycache__/app.cpython-310.pyc

modified:   app.py
	modified:   requirements.txt
	modified:   static/css/style.css
	modified:   templates/base.html
	modified:   templates/index.html
	modified:   templates/weather.html
This commit is contained in:
SimolZimol
2026-04-21 11:34:19 +02:00
parent 55bda8ea5e
commit 164d0eb6a8
7 changed files with 364 additions and 189 deletions

View File

@@ -480,3 +480,78 @@ main { flex: 1; }
.drow-right { flex-wrap: wrap; justify-content: flex-end; }
.drow-precip { display: none; }
}
/* ═══════════════════════════════════════════════════════════
WARNINGS
═══════════════════════════════════════════════════════════ */
.warnings {
max-width: 1000px; margin: 0 auto;
padding: 1rem 2rem 0;
display: flex; flex-direction: column; gap: 0.5rem;
}
.warn-item {
display: flex; gap: 0.75rem; align-items: flex-start;
padding: 0.75rem 1rem;
border-radius: var(--r);
font-size: 0.85rem;
border-left: 3px solid;
}
.warn-lvl-1 { background: rgba(255,200,50,0.08); border-color: #ffc832; color: #ffc832; }
.warn-lvl-2 { background: rgba(255,120,30,0.1); border-color: #ff781e; color: #ff9a5c; }
.warn-lvl-3, .warn-lvl-4 { background: rgba(255,60,60,0.1); border-color: #ff4040; color: #ff7070; }
.warn-icon { font-size: 1.1rem; flex-shrink: 0; line-height: 1.3; }
.warn-item strong { color: inherit; }
.warn-item div { display: flex; flex-direction: column; gap: 0.2rem; }
.warn-desc { color: var(--muted2); font-size: 0.78rem; margin: 0; }
/* ═══════════════════════════════════════════════════════════
UV INDEX + RECENT LABELS
═══════════════════════════════════════════════════════════ */
.hcard-uv {
font-size: 0.65rem; color: #a78bfa; font-weight: 600;
background: rgba(167,139,250,0.12);
border-radius: 99px; padding: 0.1rem 0.45rem;
}
.drow-uv {
font-size: 0.68rem; color: #a78bfa; font-weight: 600;
background: rgba(167,139,250,0.12);
border-radius: 99px; padding: 0.1rem 0.45rem;
margin-left: 0.4rem;
}
.recent-label {
font-size: 0.68rem; text-transform: uppercase;
letter-spacing: 1px; color: var(--muted);
font-weight: 600; margin-top: 0.5rem;
}
.home-chips--recent .chip--recent {
background: rgba(80,180,255,0.06);
border-color: rgba(80,180,255,0.2);
color: var(--blue);
}
.home-chips--recent .chip--recent:hover {
background: rgba(80,180,255,0.14);
border-color: rgba(80,180,255,0.4);
text-decoration: none;
}
/* ═══════════════════════════════════════════════════════════
STANDORT BUTTON
═══════════════════════════════════════════════════════════ */
.btn-location {
display: inline-flex; align-items: center; gap: 0.5rem;
margin-top: 1rem;
padding: 0.5rem 1rem;
background: transparent;
border: 1px solid rgba(255,255,255,0.12);
border-radius: 99px;
font: inherit; font-size: 0.82rem;
color: var(--muted2); cursor: pointer;
transition: all 0.15s;
}
.btn-location svg { width: 14px; height: 14px; color: var(--blue); }
.btn-location:hover {
background: rgba(80,180,255,0.07);
border-color: rgba(80,180,255,0.3);
color: var(--blue);
}
.btn-location:disabled { opacity: 0.5; cursor: not-allowed; }