max.olchov/HifiPlanet-Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove flag icons from the mobile menu language dropdown, keep text-only

Browse source 
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Maaxxs 2026-07-06 22:10:48 +02:00
parent f33bfb85ea
commit 1c4e3ad163
1 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
hifi-src/src/components/Navbar.jsx
View file

@ -82,13 +82,11 @@ function LanguageSwitcher({ overHero = false, variant = 'header' }) {
: 'flex items-center gap-2 text-sm font-semibold uppercase tracking-wide text-neutral-600 hover:text-brand-600' : 'flex items-center gap-2 text-sm font-semibold uppercase tracking-wide text-neutral-600 hover:text-brand-600'
} }
> >
<span {isHeader && (
className={`block h-4 w-6 shrink-0 overflow-hidden rounded-[3px] ring-1 ${ <span className={`block h-4 w-6 shrink-0 overflow-hidden rounded-[3px] ring-1 ${overHero ? 'ring-white/50' : 'ring-neutral-300 dark:ring-neutral-600'}`}>
isHeader && overHero ? 'ring-white/50' : 'ring-neutral-300 dark:ring-neutral-600' <current.Flag className="h-full w-full" />
}`} </span>
> )}
<current.Flag className="h-full w-full" />
</span>
{!isHeader && current.label} {!isHeader && current.label}
{isHeader && ( {isHeader && (
<svg <svg
@ -123,9 +121,11 @@ function LanguageSwitcher({ overHero = false, variant = 'header' }) {
opt.code === language ? 'font-semibold text-brand-600 dark:text-brand-400' : 'text-neutral-700 dark:text-neutral-200' opt.code === language ? 'font-semibold text-brand-600 dark:text-brand-400' : 'text-neutral-700 dark:text-neutral-200'
}`} }`}
> >
<span className="block h-4 w-6 shrink-0 overflow-hidden rounded-[3px] ring-1 ring-neutral-300 dark:ring-neutral-600"> {isHeader && (
<opt.Flag className="h-full w-full" /> <span className="block h-4 w-6 shrink-0 overflow-hidden rounded-[3px] ring-1 ring-neutral-300 dark:ring-neutral-600">
</span> <opt.Flag className="h-full w-full" />
</span>
)}
{opt.label} {opt.label}
</button> </button>
))} ))}