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);
|
||||
</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>
|
||||
<!-- Kicker: Nummer · Linie · Label -->
|
||||
{#if hasKickerRow}
|
||||
@@ -66,7 +66,7 @@
|
||||
|
||||
<!-- Aktion (Slot hat Vorrang, sonst Label+Href) -->
|
||||
{#if hasAction}
|
||||
<div class="whitespace-nowrap">
|
||||
<div class="sm:whitespace-nowrap">
|
||||
{#if children}
|
||||
{@render children()}
|
||||
{:else}
|
||||
|
||||
Reference in New Issue
Block a user