fix(section-header): Action-Link auf schmalen Viewports nicht mehr gequetscht
Kicker/Titel/Action stacken jetzt vertikal unter sm: (statt erzwungenem flex-row + whitespace-nowrap), Action bekommt volle Breite eigene Zeile. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -37,7 +37,7 @@
|
|||||||
const hasKickerRow = $derived(!!number || !!kicker);
|
const hasKickerRow = $derived(!!number || !!kicker);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="flex items-end justify-between gap-6">
|
<div class="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between sm:gap-6">
|
||||||
<div>
|
<div>
|
||||||
<!-- Kicker: Nummer · Linie · Label -->
|
<!-- Kicker: Nummer · Linie · Label -->
|
||||||
{#if hasKickerRow}
|
{#if hasKickerRow}
|
||||||
@@ -66,7 +66,7 @@
|
|||||||
|
|
||||||
<!-- Aktion (Slot hat Vorrang, sonst Label+Href) -->
|
<!-- Aktion (Slot hat Vorrang, sonst Label+Href) -->
|
||||||
{#if hasAction}
|
{#if hasAction}
|
||||||
<div class="whitespace-nowrap">
|
<div class="sm:whitespace-nowrap">
|
||||||
{#if children}
|
{#if children}
|
||||||
{@render children()}
|
{@render children()}
|
||||||
{:else}
|
{:else}
|
||||||
|
|||||||
Reference in New Issue
Block a user