diff --git a/lib/screens/home/home.dart b/lib/screens/home/home.dart index 24eec411..1de2a408 100644 --- a/lib/screens/home/home.dart +++ b/lib/screens/home/home.dart @@ -1,3 +1,5 @@ +import 'dart:ui'; + import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_mobx/flutter_mobx.dart'; @@ -65,6 +67,7 @@ class _HomeState extends State { onTap: FocusScope.of(context).unfocus, child: Scaffold( extendBodyBehindAppBar: true, + extendBody: true, appBar: FrostyAppBar( showBackButton: false, title: Observer( @@ -103,6 +106,7 @@ class _HomeState extends State { ), body: SafeArea( top: false, + bottom: false, child: Observer( builder: (_) => IndexedStack( index: _homeStore.selectedIndex, @@ -128,12 +132,15 @@ class _HomeState extends State { ), ), ), - bottomNavigationBar: Column( - mainAxisSize: MainAxisSize.min, - children: [ - const Divider(), - Observer( + bottomNavigationBar: ClipRRect( + child: BackdropFilter( + filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16), + child: Observer( builder: (_) => NavigationBar( + backgroundColor: Theme.of(context) + .colorScheme + .surface + .withValues(alpha: 0.6), destinations: [ if (_authStore.isLoggedIn) const NavigationDestination( @@ -173,7 +180,7 @@ class _HomeState extends State { onDestinationSelected: _homeStore.handleTap, ), ), - ], + ), ), ), ); diff --git a/lib/screens/home/stream_list/streams_list.dart b/lib/screens/home/stream_list/streams_list.dart index 454fe94c..0bcdf050 100644 --- a/lib/screens/home/stream_list/streams_list.dart +++ b/lib/screens/home/stream_list/streams_list.dart @@ -272,6 +272,11 @@ class _StreamsListState extends State ); }, ), + SliverPadding( + padding: EdgeInsets.only( + bottom: MediaQuery.of(context).padding.bottom, + ), + ), ], ), ), diff --git a/lib/widgets/app_bar.dart b/lib/widgets/app_bar.dart index e2880e64..2aeeb1f6 100644 --- a/lib/widgets/app_bar.dart +++ b/lib/widgets/app_bar.dart @@ -20,6 +20,8 @@ class FrostyAppBar extends StatelessWidget implements PreferredSizeWidget { child: BackdropFilter( filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16), child: AppBar( + backgroundColor: + Theme.of(context).colorScheme.surface.withValues(alpha: 0.6), leading: showBackButton ? IconButton( tooltip: 'Back', diff --git a/lib/widgets/section_header.dart b/lib/widgets/section_header.dart index 2d99c3d8..8635075f 100644 --- a/lib/widgets/section_header.dart +++ b/lib/widgets/section_header.dart @@ -20,7 +20,7 @@ class SectionHeader extends StatelessWidget { padding: padding ?? (isFirst ? const EdgeInsets.fromLTRB(16, 16, 16, 8) - : const EdgeInsets.fromLTRB(16, 48, 16, 8)), + : const EdgeInsets.fromLTRB(16, 32, 16, 8)), child: Text( text.toUpperCase(), style: TextStyle(