bachelor/wonders
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Center align home menu, cap width of btns according to vertical space

Browse Source
This commit is contained in:
Shawn 2022-10-07 11:53:52 -06:00
parent 3721d75a8e
commit e734b5cec7
1 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
lib/ui/screens/home_menu/home_menu.dart
View File

@ -40,6 +40,7 @@ class HomeMenu extends StatelessWidget {
@override
Widget build(BuildContext context) {
final double gridWidth = (context.heightPx / 2).clamp(200, 450);
return Stack(
children: [
/// Backdrop / Underlay
@ -73,18 +74,25 @@ class HomeMenu extends StatelessWidget {
child: SafeArea(
child: Padding(
padding: EdgeInsets.symmetric(horizontal: $styles.insets.lg),
child: Column(
mainAxisAlignment: MainAxisAlignment.end,
children: [
Spacer(flex: 3),
_buildIconGrid(context)
.animate()
.fade(duration: $styles.times.fast)
.scale(begin: .8, curve: Curves.easeOut),
Spacer(flex: 2),
_buildBottomBtns(context),
Gap($styles.insets.xl),
],
child: Center(
child: SizedBox(
width: gridWidth,
child: Column(
mainAxisAlignment: MainAxisAlignment.end,
children: [
Gap($styles.insets.md),
Spacer(),
_buildIconGrid(context)
.animate()
.fade(duration: $styles.times.fast)
.scale(begin: .8, curve: Curves.easeOut),
Gap($styles.insets.lg),
_buildBottomBtns(context),
Spacer(),
Gap($styles.insets.md),
],
),
),
),
),
),