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