thalla/lomavuokraus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Simplify language selector for alignment

Browse source
This commit is contained in:
Tero Halla-aho 2025-12-01 10:34:25 +02:00
parent 2726ba552b
commit 80000c3821
2 changed files with 7 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/components/NavBar.tsx
View file

@ -195,10 +195,12 @@ export default function NavBar() {
</> </>
)} )}
<label className="language-wrapper"> <label className="language-wrapper">
<span className="language-label"> <select
<Icon name="globe" /> {t('navLanguage')}: aria-label={t('navLanguage')}
</span> value={locale}
<select value={locale} onChange={(e) => setLocale(e.target.value as any)} className="language-select"> onChange={(e) => setLocale(e.target.value as any)}
className="language-select"
>
<option value="fi">🇫🇮 Suomi</option> <option value="fi">🇫🇮 Suomi</option>
<option value="sv">🇸🇪 Svenska</option> <option value="sv">🇸🇪 Svenska</option>
<option value="en">🇬🇧 English</option> <option value="en">🇬🇧 English</option>

10
app/globals.css
View file

@ -48,18 +48,10 @@ body {
.language-wrapper { .language-wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 0;
margin-left: 8px; margin-left: 8px;
} }
.language-label {
display: flex;
align-items: center;
gap: 4px;
font-size: 12px;
color: var(--muted);
}
.language-select { .language-select {
min-height: 44px; min-height: 44px;
padding: 10px 12px; padding: 10px 12px;