exlim/weather_app
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show today's daily high/low on the Now tab

Browse Source
This commit is contained in:
hermes-explorigin 2026-08-23 13:19:03 +00:00
parent 57f5dc32d1
commit 0e2a15dd28
2 changed files with 10668 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10643
dist/index.html vendored Normal file
View File

File diff suppressed because it is too large Load Diff

25
src/components/CurrentWeather.svelte
View File

@ -59,6 +59,13 @@
{/if} {/if}
</div> </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 --> <!-- Metrics grid -->
<div class="metrics-grid"> <div class="metrics-grid">
<div class="metric-card"> <div class="metric-card">
@ -182,6 +189,24 @@
color: var(--color-text-muted); 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 */
.metrics-grid { .metrics-grid {
display: grid; display: grid;