Stying tweaks

This commit is contained in:
Shawn 2022-10-27 10:25:13 -06:00
parent cf07f46930
commit 048dae8ce8
4 changed files with 6 additions and 4 deletions

View File

@ -156,7 +156,9 @@ class _Corners {
// TODO: add, @immutable when design is solidified // TODO: add, @immutable when design is solidified
class _Sizes { class _Sizes {
double get maxContentWidth => 800; double get maxContentWidth1 => 800;
double get maxContentWidth2 => 600;
double get maxContentWidth3 => 400;
final Size minAppSize = Size(450, 600); final Size minAppSize = Size(450, 600);
} }

View File

@ -9,8 +9,8 @@ class WondersAppScaffold extends StatelessWidget with GetItMixin {
Widget build(BuildContext context) { Widget build(BuildContext context) {
Animate.defaultDuration = $styles.times.fast; Animate.defaultDuration = $styles.times.fast;
// Listen to the device size, and update AppStyle when it changes // 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: Size(context.widthPx, context.heightPx));
//$styles = AppStyle(appSize: null); //Size(context.widthPx, context.heightPx));
return Stack( return Stack(
key: ValueKey($styles.scale), key: ValueKey($styles.scale),
children: [ children: [

View File

@ -105,7 +105,7 @@ class _WonderEditorialScreenState extends State<WonderEditorialScreen> {
/// Scrolling content - Includes an invisible gap at the top, and then scrolls over the illustration /// Scrolling content - Includes an invisible gap at the top, and then scrolls over the illustration
TopCenter( TopCenter(
child: SizedBox( child: SizedBox(
width: $styles.sizes.maxContentWidth, width: $styles.sizes.maxContentWidth1,
child: CustomScrollView( child: CustomScrollView(
primary: false, primary: false,
controller: _scroller, controller: _scroller,

View File

@ -30,7 +30,7 @@ class WonderEvents extends StatelessWidget {
bottom: false, bottom: false,
child: Center( child: Center(
child: SizedBox( child: SizedBox(
width: $styles.sizes.maxContentWidth, width: $styles.sizes.maxContentWidth1,
child: Stack( child: Stack(
children: [ children: [
/// Top content, sits underneath scrolling list /// Top content, sits underneath scrolling list