feat(header): replace mobile language switcher with phone button

This commit is contained in:
2026-06-20 00:18:59 +02:00
parent d67acdbcc1
commit acef21fec6
2 changed files with 18 additions and 3 deletions

View File

@@ -138,8 +138,23 @@ export function Header({ navLinks }: HeaderProps) {
<div className="flex items-center gap-2 md:gap-4 lg:gap-6">
<div className={`hidden md:block h-5 w-px transition-colors duration-300 ${isSolidMode ? 'bg-neutral-200' : 'bg-white/20'}`} />
{/* Language Switcher visible on all devices */}
<div className="z-50 relative flex items-center">
{/* Phone Button (Mobile Only) */}
<a
href="tel:+492572946760"
className={`md:hidden relative flex items-center justify-center w-10 h-10 rounded-full transition-all duration-300 ${
isSolidMode
? 'bg-primary/10 text-primary hover:bg-primary/20'
: 'bg-white/10 text-white backdrop-blur-md border border-white/20 hover:bg-white/20'
}`}
aria-label="Anrufen"
>
<svg className="w-[18px] h-[18px]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
</a>
{/* Language Switcher visible on desktop only */}
<div className="z-50 relative hidden md:flex items-center">
<LanguageSwitcher isSolidMode={isSolidMode} />
</div>

View File

@@ -138,7 +138,7 @@
"prepare": "husky",
"preinstall": "npx only-allow pnpm"
},
"version": "2.2.13-rc.60",
"version": "2.2.13-rc.61",
"pnpm": {
"onlyBuiltDependencies": [
"@parcel/watcher",