From 93fcf79f86701a7639e59a0759df588a7f893f38 Mon Sep 17 00:00:00 2001 From: Peter Meier Date: Mon, 22 Jun 2026 21:55:03 +0200 Subject: [PATCH] =?UTF-8?q?fix(calendar):=20EventDateBox=20skaliert=20prop?= =?UTF-8?q?ortional=20zur=20Quadratgr=C3=B6=C3=9Fe?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Feste px-Schriftgrößen + h-20 verursachten auf Mobile Overflow ("Jun" rutschte raus). Jetzt eine CSS-Var --s (Kantenlänge, responsive clamp); alle Innenmaße per calc() abgeleitet. Range-Box nur breiter, gleiche Höhe → identische Schrift wie Einzel-Box. Co-Authored-By: Claude Opus 4.8 (1M context) --- src/lib/components/blocks/EventDateBox.svelte | 27 +++++++------------ 1 file changed, 10 insertions(+), 17 deletions(-) diff --git a/src/lib/components/blocks/EventDateBox.svelte b/src/lib/components/blocks/EventDateBox.svelte index 8ca158a..064e7d4 100644 --- a/src/lib/components/blocks/EventDateBox.svelte +++ b/src/lib/components/blocks/EventDateBox.svelte @@ -18,28 +18,21 @@ const isRange = $derived(multiDay && !!end); +
{#if isRange && end} -
- {wd(start)}–{wd(end)} -
-
+
{wd(start)}–{wd(end)}
+
{start.getDate()}–{end.getDate()}
-
- {mon(start)} -
+
{mon(start)}
{:else} -
- {wd(start)} -
-
- {start.getDate()} -
-
- {mon(start)} -
+
{wd(start)}
+
{start.getDate()}
+
{mon(start)}
{/if}