constrained timer screen timeline for tablets

This commit is contained in:
Vadim 2024-05-21 12:50:19 +02:00
parent e1a056733c
commit 0a7a1425ee
2 changed files with 15 additions and 9 deletions

View file

@ -68,4 +68,7 @@ class Dimens {
paddingL, paddingL,
); );
static const EdgeInsets dialogMargin = EdgeInsets.symmetric(horizontal: 40.0, vertical: 24.0); static const EdgeInsets dialogMargin = EdgeInsets.symmetric(horizontal: 40.0, vertical: 24.0);
// TODO(@vodemn) constrain dialogs with this value
static const double tabletMaxWidth = 600;
} }

View file

@ -79,6 +79,8 @@ class TimerScreenState extends State<TimerScreen> with TickerProviderStateMixin
const Spacer(), const Spacer(),
Padding( Padding(
padding: const EdgeInsets.all(Dimens.paddingL), padding: const EdgeInsets.all(Dimens.paddingL),
child: ConstrainedBox(
constraints: const BoxConstraints(maxHeight: Dimens.tabletMaxWidth, maxWidth: Dimens.tabletMaxWidth),
child: SizedBox.fromSize( child: SizedBox.fromSize(
size: Size.square(MediaQuery.sizeOf(context).width - Dimens.paddingL * 4), size: Size.square(MediaQuery.sizeOf(context).width - Dimens.paddingL * 4),
child: ValueListenableBuilder( child: ValueListenableBuilder(
@ -93,6 +95,7 @@ class TimerScreenState extends State<TimerScreen> with TickerProviderStateMixin
), ),
), ),
), ),
),
const Spacer(), const Spacer(),
BottomControlsBar( BottomControlsBar(
left: IconButton.filledTonal( left: IconButton.filledTonal(