feat(carousel): 2 cols tablet, 3 cols desktop; equal-height cards
Deploy / verify (push) Successful in 54s
Deploy / deploy (push) Successful in 1m4s

- PostOverviewBlock carousel: md:2 cols, lg:3 cols via snap-scroll
- PostCard: add class prop for external styling
- Carousel cards: h-full for equal height

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Peter Meier
2026-05-16 14:54:36 +02:00
parent 41dfbb2930
commit 19f3948f48
2 changed files with 48 additions and 12 deletions
+3 -1
View File
@@ -22,12 +22,14 @@
href,
tagBase = "/posts/tag",
commentCount = null,
class: className = "",
}: {
post: PostWithImage;
href: string;
tagBase?: string;
/** Approved comment count. `null` = unknown/loading, hide badge. `0` = also hide. */
commentCount?: number | null;
class?: string;
} = $props();
const rawImg = $derived(post._rawImageUrl);
@@ -52,7 +54,7 @@
<Card
{href}
layout="post"
class={isPastEvent ? "opacity-70 grayscale" : ""}
class="{isPastEvent ? 'opacity-70 grayscale' : ''} {className}"
>
<div class="relative aspect-3/2 w-full overflow-hidden bg-stein-100">
{#if rawImg}