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:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user