style(header mobile): mehr Bottom-Platz im Menü, CTA-Buttons rounded-full

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-30 15:55:54 +02:00
parent 25c1c5f2ed
commit 7f67f59c8c
1 changed files with 4 additions and 4 deletions
@@ -307,12 +307,12 @@
            out:slide={{ duration: 150 }}
        >
            <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)}
            >
-                <div class="grid grid-cols-2 gap-2 pb-3 mb-1 border-b border-stein-0/10">
-                    <a href="/mitmachen/" class="btn-primary btn-sm justify-center" onclick={closeMenu}>Mitmachen</a>
-                    <a href="/termin-melden" class="btn-warning btn-sm justify-center" onclick={closeMenu}>Termin melden</a>
+                <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 rounded-full py-2 shadow-sm" onclick={closeMenu}>Mitmachen</a>
+                    <a href="/termin-melden" class="btn-warning btn-sm justify-center rounded-full py-2 shadow-sm" onclick={closeMenu}>Termin melden</a>
                </div>
                {#each links as link}
                    {@const active = isActiveTree(link, $page.url.pathname)}