Update Filter screen

Frezyx · Oct 1, 2022 · 974d4b9 · 974d4b9
1 parent 218dea9
commit 974d4b9
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/packages/talker_flutter/lib/src/ui/talker_screen.dart b/packages/talker_flutter/lib/src/ui/talker_screen.dart
@@ -53,6 +53,15 @@ class _TalkerScreenState extends State<TalkerScreen> {
               child: Text(widget.appBarTitle),
             ),
             actions: [
+              SizedBox(
+                width: 40,
+                child: IconButton(
+                  padding: EdgeInsets.zero,
+                  iconSize: 28,
+                  onPressed: () => _showFilter(context),
+                  icon: const Icon(Icons.filter_alt_outlined),
+                ),
+              ),
               SizedBox(
                 width: 40,
                 child: IconButton(
@@ -124,11 +133,6 @@ class _TalkerScreenState extends State<TalkerScreen> {
               title: 'Clean history',
               icon: Icons.delete_outline,
             ),
-            BottomSheetAction(
-              onTap: () => _showFilter(context),
-              title: 'Filter',
-              icon: Icons.filter_alt_outlined,
-            ),
             BottomSheetAction(
               onTap: _shareLogsInFile,
               title: 'Share logs file',
@@ -159,6 +163,7 @@ class _TalkerScreenState extends State<TalkerScreen> {
     await showModalBottomSheet(
       context: context,
       backgroundColor: Colors.transparent,
+      isScrollControlled: true,
       builder: (context) {
         return TalkerScreenFilter(
           controller: _controller,

diff --git a/packages/talker_flutter/lib/src/ui/widgets/filter/talker_screen_filter.dart b/packages/talker_flutter/lib/src/ui/widgets/filter/talker_screen_filter.dart
@@ -25,6 +25,7 @@ class TalkerScreenFilter extends StatelessWidget {
     final types = unicTypes.map((e) => e).toList();
     final theme = Theme.of(context);
     return Container(
+      margin: EdgeInsets.only(top: MediaQuery.of(context).padding.top + 80),
       decoration: BoxDecoration(
         color: talkerScreenTheme.backgroudColor,
         borderRadius: BorderRadius.circular(10),
@@ -39,7 +40,7 @@ class TalkerScreenFilter extends StatelessWidget {
               ),
               boxShadow: const [BoxShadow(blurRadius: 5)],
             ),
-            padding: const EdgeInsets.symmetric(vertical: 15.0, horizontal: 10),
+            padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 10),
             child: Row(
               mainAxisAlignment: MainAxisAlignment.spaceBetween,
               children: [