useweb/drizzli
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

past weather

Browse Source
This commit is contained in:
Vincent van der Wal
2026-07-25 10:51:21 +02:00
parent b4e509f9cb
commit 562d545c7a
7 changed files with 385 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/weather/week/[location]/MeteogramCharts.svelte
+9 -5
View File
@@ -237,14 +237,18 @@
>.
</div>
{:else}
<div class="flex flex-col gap-6">
<!-- one full-bleed card on mobile / contained card on md+, graphs stacked
tightly so they read as one fluent meteogram -->
<div class="-mx-5 border-y border-border/70 bg-card shadow-sm md:mx-0 md:rounded-2xl md:border">
{#each renderPanels as panel, i (panel.id)}
<!-- full-bleed to the screen edges on mobile; a contained card on md+ -->
<div
class="-mx-5 border-y border-border/70 bg-card px-0 py-3 shadow-sm md:mx-0 md:rounded-2xl md:border md:px-4 md:py-4"
class="px-0 pt-2 pb-1 md:px-4 {i > 0 ? 'border-t border-border/50' : 'md:pt-4'} {i ===
renderPanels.length - 1
? 'pb-3 md:pb-4'
: ''}"
>
<div class="mb-1 flex items-center justify-between px-3 md:px-1">
<h4 class="truncate text-sm font-bold text-muted-foreground">
<div class="mb-0.5 flex items-center justify-between px-3 md:px-0">
<h4 class="truncate text-xs font-bold tracking-wide text-muted-foreground uppercase">
<span class="hidden md:inline">{panel.title}</span>
<span class="md:hidden">{panel.titleShort}</span>
</h4>