style(header mobile): mehr Bottom-Platz im Menü, CTA-Buttons rounded-full
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -307,12 +307,12 @@
|
|||||||
out:slide={{ duration: 150 }}
|
out:slide={{ duration: 150 }}
|
||||||
>
|
>
|
||||||
<nav
|
<nav
|
||||||
class="container-custom pt-4 pb-[calc(2rem+env(safe-area-inset-bottom))] flex flex-col gap-1"
|
class="container-custom pt-4 pb-[calc(4rem+env(safe-area-inset-bottom))] flex flex-col gap-1"
|
||||||
aria-label={t(T.header_nav_aria)}
|
aria-label={t(T.header_nav_aria)}
|
||||||
>
|
>
|
||||||
<div class="grid grid-cols-2 gap-2 pb-3 mb-1 border-b border-stein-0/10">
|
<div class="grid grid-cols-2 gap-2.5 pb-4 mb-2 border-b border-stein-0/10">
|
||||||
<a href="/mitmachen/" class="btn-primary btn-sm justify-center" onclick={closeMenu}>Mitmachen</a>
|
<a href="/mitmachen/" class="btn-primary btn-sm justify-center rounded-full py-2 shadow-sm" onclick={closeMenu}>Mitmachen</a>
|
||||||
<a href="/termin-melden" class="btn-warning btn-sm justify-center" onclick={closeMenu}>Termin melden</a>
|
<a href="/termin-melden" class="btn-warning btn-sm justify-center rounded-full py-2 shadow-sm" onclick={closeMenu}>Termin melden</a>
|
||||||
</div>
|
</div>
|
||||||
{#each links as link}
|
{#each links as link}
|
||||||
{@const active = isActiveTree(link, $page.url.pathname)}
|
{@const active = isActiveTree(link, $page.url.pathname)}
|
||||||
|
|||||||
Reference in New Issue
Block a user