fix(ui): roter NEU-Badge, separate Nav-Pills, Footer-Headlines + Spalten
- AnnouncementBanner: führendes **bold** rendert als roter Pill-Badge - Header: Kalender/Adressbuch/Suche je eigene Pill statt geteiltem Container - LinkListBlock: uppercase raus, >4 Links → 4er-Spalten ab sm Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -193,9 +193,7 @@
|
||||
</a>
|
||||
{/if}
|
||||
{/each}
|
||||
<div
|
||||
class="ml-2 flex items-center gap-0.5 rounded-full border border-wald-700/15 bg-wald-700/8 px-2 py-1"
|
||||
>
|
||||
<div class="ml-2 flex items-center gap-1.5">
|
||||
{#each socialLinks as social}
|
||||
{@const isInternal = social.href.startsWith("/")}
|
||||
{@const sActive = isInternal && isActiveLink(social.href, $page.url.pathname)}
|
||||
@@ -203,7 +201,7 @@
|
||||
href={social.href}
|
||||
target={isInternal ? undefined : "_blank"}
|
||||
rel={isInternal ? undefined : "noopener noreferrer"}
|
||||
class="px-1.5 py-0.5 rounded-full transition-opacity hover:opacity-70 inline-flex items-center gap-1.5 {sActive ? 'font-bold' : ''}"
|
||||
class="rounded-full border border-wald-700/15 bg-wald-700/8 px-2.5 py-1 transition-opacity hover:opacity-70 inline-flex items-center gap-1.5 {sActive ? 'font-bold' : ''}"
|
||||
aria-current={sActive ? "page" : undefined}
|
||||
aria-label={social.label || t(T.header_social_aria)}
|
||||
title={social.label || t(T.header_social_aria)}
|
||||
@@ -216,7 +214,7 @@
|
||||
{/each}
|
||||
<button
|
||||
type="button"
|
||||
class="px-1.5 py-0.5 rounded-full transition-opacity hover:opacity-70 inline-flex items-center justify-center"
|
||||
class="rounded-full border border-wald-700/15 bg-wald-700/8 px-2.5 py-1 transition-opacity hover:opacity-70 inline-flex items-center justify-center"
|
||||
aria-label={searchOpen
|
||||
? t(T.header_search_close)
|
||||
: t(T.header_search_open)}
|
||||
|
||||
Reference in New Issue
Block a user