diff --git a/lib/styles/styles.dart b/lib/styles/styles.dart index 318eb28c..76c69092 100644 --- a/lib/styles/styles.dart +++ b/lib/styles/styles.dart @@ -156,7 +156,9 @@ class _Corners { // TODO: add, @immutable when design is solidified class _Sizes { - double get maxContentWidth => 800; + double get maxContentWidth1 => 800; + double get maxContentWidth2 => 600; + double get maxContentWidth3 => 400; final Size minAppSize = Size(450, 600); } diff --git a/lib/ui/app_scaffold.dart b/lib/ui/app_scaffold.dart index 37035772..454c16b3 100644 --- a/lib/ui/app_scaffold.dart +++ b/lib/ui/app_scaffold.dart @@ -9,8 +9,8 @@ class WondersAppScaffold extends StatelessWidget with GetItMixin { Widget build(BuildContext context) { Animate.defaultDuration = $styles.times.fast; // Listen to the device size, and update AppStyle when it changes - //$styles = AppStyle(appSize: null); //Size(context.widthPx, context.heightPx)); $styles = AppStyle(appSize: Size(context.widthPx, context.heightPx)); + //$styles = AppStyle(appSize: null); //Size(context.widthPx, context.heightPx)); return Stack( key: ValueKey($styles.scale), children: [ diff --git a/lib/ui/screens/editorial/editorial_screen.dart b/lib/ui/screens/editorial/editorial_screen.dart index d01f5313..1744c43c 100644 --- a/lib/ui/screens/editorial/editorial_screen.dart +++ b/lib/ui/screens/editorial/editorial_screen.dart @@ -105,7 +105,7 @@ class _WonderEditorialScreenState extends State { /// Scrolling content - Includes an invisible gap at the top, and then scrolls over the illustration TopCenter( child: SizedBox( - width: $styles.sizes.maxContentWidth, + width: $styles.sizes.maxContentWidth1, child: CustomScrollView( primary: false, controller: _scroller, diff --git a/lib/ui/screens/wonder_events/wonder_events.dart b/lib/ui/screens/wonder_events/wonder_events.dart index 22c56277..83e09776 100644 --- a/lib/ui/screens/wonder_events/wonder_events.dart +++ b/lib/ui/screens/wonder_events/wonder_events.dart @@ -30,7 +30,7 @@ class WonderEvents extends StatelessWidget { bottom: false, child: Center( child: SizedBox( - width: $styles.sizes.maxContentWidth, + width: $styles.sizes.maxContentWidth1, child: Stack( children: [ /// Top content, sits underneath scrolling list