ola/boka-gasol247
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix my page header
All checks were successful
Build and deploy / build-deploy (push) Successful in 1m17s
Details

Browse Source
This commit is contained in:
Ola Malmgren
2026-05-22 23:20:56 +02:00
parent a03d1e8541
commit 287e9a2a0e
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Header.tsx
View File

@@ -1,10 +1,12 @@
import Image from 'next/image'; import Image from 'next/image';
import { useTranslations } from 'next-intl'; import { useTranslations } from 'next-intl';
import { Link } from '@/i18n/routing';
import { LanguageSwitcher } from './LanguageSwitcher'; import { LanguageSwitcher } from './LanguageSwitcher';
export function Header() { export function Header() {
const t = useTranslations('header'); const t = useTranslations('header');
const c = useTranslations('common'); const c = useTranslations('common');
const cu = useTranslations('customer');
return ( return (
<header className="border-b border-brand-700 bg-brand-600 text-white"> <header className="border-b border-brand-700 bg-brand-600 text-white">
<div className="mx-auto flex max-w-5xl items-center justify-between gap-3 px-4 py-3 sm:py-5"> <div className="mx-auto flex max-w-5xl items-center justify-between gap-3 px-4 py-3 sm:py-5">
@@ -28,8 +30,16 @@ export function Header() {
</div> </div>
</div> </div>
</div> </div>
<div className="flex items-center gap-2 sm:gap-3">
<Link
href="/min-sida"
className="rounded-md border border-white/20 bg-white/10 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm transition-colors hover:bg-white/20 sm:px-3 sm:py-1.5"
>
{cu('navTitle')}
</Link>
<LanguageSwitcher /> <LanguageSwitcher />
</div> </div>
</div>
</header> </header>
); );
} }