Update made info tooltips available on mobile, flex-wrap for smaller screens

This commit is contained in:
2026-01-10 14:43:37 +00:00
parent 9235d9b9fb
commit 6f6e5d9696
6 changed files with 325 additions and 165 deletions

View File

@@ -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>