Apply max width to editorial list content

This commit is contained in:
Shawn 2022-10-07 11:30:00 -06:00
parent f98cb93f23
commit 3721d75a8e

View File

@ -81,7 +81,7 @@ class _WonderEditorialScreenState extends State<WonderEditorialScreen> {
valueListenable: _scrollPos, valueListenable: _scrollPos,
builder: (_, value, __) { builder: (_, value, __) {
return Container( return Container(
color: widget.data.type.bgColor.withOpacity(_scrollPos.value > 1000 ? 0 : 1), color: widget.data.type.bgColor.withOpacity(1),
); );
}, },
), ),
@ -103,9 +103,13 @@ 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
CustomScrollView( TopCenter(
child: SizedBox(
width: $styles.sizes.maxContentWidth,
child: CustomScrollView(
primary: false, primary: false,
controller: _scroller, controller: _scroller,
scrollBehavior: ScrollConfiguration.of(context).copyWith(),
cacheExtent: 1000, cacheExtent: 1000,
slivers: [ slivers: [
/// Invisible padding at the top of the list, so the illustration shows through the btm /// Invisible padding at the top of the list, so the illustration shows through the btm
@ -156,6 +160,8 @@ class _WonderEditorialScreenState extends State<WonderEditorialScreen> {
), ),
], ],
), ),
),
),
/// Home Btn /// Home Btn
AnimatedBuilder( AnimatedBuilder(