chore(mobile): full width language change dropdown (#8806)

* chore(mobile): full width language change dropdown

* linting
This commit is contained in:
Alex 2024-04-16 08:53:20 +02:00 committed by GitHub
parent 103cb60a57
commit 1aa8707b8a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -23,7 +23,10 @@ class LanguageSettings extends HookConsumerWidget {
return ListView( return ListView(
padding: const EdgeInsets.all(16), padding: const EdgeInsets.all(16),
children: [ children: [
DropdownMenu( LayoutBuilder(
builder: (context, constraints) {
return DropdownMenu(
width: constraints.maxWidth,
inputDecorationTheme: InputDecorationTheme( inputDecorationTheme: InputDecorationTheme(
border: OutlineInputBorder( border: OutlineInputBorder(
borderRadius: BorderRadius.circular(20), borderRadius: BorderRadius.circular(20),
@ -36,6 +39,11 @@ class LanguageSettings extends HookConsumerWidget {
borderRadius: BorderRadius.circular(15), borderRadius: BorderRadius.circular(15),
), ),
), ),
backgroundColor: MaterialStatePropertyAll<Color>(
context.isDarkTheme
? Colors.grey[900]!
: context.scaffoldBackgroundColor,
),
), ),
menuHeight: context.height * 0.5, menuHeight: context.height * 0.5,
hintText: "Languages", hintText: "Languages",
@ -54,6 +62,8 @@ class LanguageSettings extends HookConsumerWidget {
selectedLocale.value = value; selectedLocale.value = value;
} }
}, },
);
},
), ),
const SizedBox(height: 16), const SizedBox(height: 16),
ElevatedButton( ElevatedButton(