Update made info tooltips available on mobile, flex-wrap for smaller screens
This commit is contained in:
@@ -14,15 +14,15 @@ import { Label } from './ui/label';
|
||||
|
||||
const LanguageSelector = ({ currentLanguage, onLanguageChange, t }: any) => {
|
||||
return (
|
||||
<div className="flex items-center gap-2">
|
||||
<Label className="text-sm font-medium">{t('language')}:</Label>
|
||||
<div className="flex flex-wrap-reverse items-center gap-2">
|
||||
<Label className="text-sm font-medium">{t('languageSelectorLabel')}</Label>
|
||||
<Select value={currentLanguage} onValueChange={onLanguageChange}>
|
||||
<SelectTrigger className="w-32">
|
||||
<SelectValue />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectItem value="en">{t('english')}</SelectItem>
|
||||
<SelectItem value="de">{t('german')}</SelectItem>
|
||||
<SelectItem value="en">{t('languageSelectorEN')}</SelectItem>
|
||||
<SelectItem value="de">{t('languageSelectorDE')}</SelectItem>
|
||||
</SelectContent>
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user