Show today's daily high/low on the Now tab
This commit is contained in:
parent
57f5dc32d1
commit
0e2a15dd28
10643
dist/index.html
vendored
Normal file
10643
dist/index.html
vendored
Normal file
File diff suppressed because it is too large
Load Diff
@ -59,6 +59,13 @@
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
{#if daily?.temperature_2m_max?.[0] != null && daily?.temperature_2m_min?.[0] != null}
|
||||
<div class="hero-range">
|
||||
<span class="range-high">▲ H {Math.round(daily.temperature_2m_max[0])}{unit}</span>
|
||||
<span class="range-low">▼ L {Math.round(daily.temperature_2m_min[0])}{unit}</span>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<!-- Metrics grid -->
|
||||
<div class="metrics-grid">
|
||||
<div class="metric-card">
|
||||
@ -182,6 +189,24 @@
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
/* Today's high / low range */
|
||||
.hero-range {
|
||||
display: flex;
|
||||
gap: 14px;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.range-high {
|
||||
color: #fca5a5;
|
||||
}
|
||||
|
||||
.range-low {
|
||||
color: #7dd3fc;
|
||||
}
|
||||
|
||||
/* Metrics grid */
|
||||
.metrics-grid {
|
||||
display: grid;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user