Simplify language selector for alignment
This commit is contained in:
parent
2726ba552b
commit
80000c3821
2 changed files with 7 additions and 13 deletions
|
|
@ -195,10 +195,12 @@ export default function NavBar() {
|
|||
</>
|
||||
)}
|
||||
<label className="language-wrapper">
|
||||
<span className="language-label">
|
||||
<Icon name="globe" /> {t('navLanguage')}:
|
||||
</span>
|
||||
<select value={locale} onChange={(e) => setLocale(e.target.value as any)} className="language-select">
|
||||
<select
|
||||
aria-label={t('navLanguage')}
|
||||
value={locale}
|
||||
onChange={(e) => setLocale(e.target.value as any)}
|
||||
className="language-select"
|
||||
>
|
||||
<option value="fi">🇫🇮 Suomi</option>
|
||||
<option value="sv">🇸🇪 Svenska</option>
|
||||
<option value="en">🇬🇧 English</option>
|
||||
|
|
|
|||
|
|
@ -48,18 +48,10 @@ body {
|
|||
.language-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
gap: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.language-label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
font-size: 12px;
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
.language-select {
|
||||
min-height: 44px;
|
||||
padding: 10px 12px;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue