fix: change timeline tabs to be square

poppingmoon · Dec 10, 2024 · c716215 · c716215
1 parent 44d969d
commit c716215
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/lib/view/page/timelines_page.dart b/lib/view/page/timelines_page.dart
@@ -269,7 +269,7 @@ class TimelinesPage extends HookConsumerWidget {
               bottomNavigationBar: showTimelineTabBarAtBottom
                   ? BottomAppBar(
                       padding: EdgeInsets.zero,
-                      height: 56.0,
+                      height: kToolbarHeight,
                       color: colors.panel,
                       elevation: 0.0,
                       child: Row(

diff --git a/lib/view/widget/timeline_header.dart b/lib/view/widget/timeline_header.dart
@@ -149,6 +149,7 @@ class TimelineHeader extends HookConsumerWidget {
         },
         backgroundColor: Theme.of(context).colorScheme.surface,
         collapsedBackgroundColor: Theme.of(context).colorScheme.surface,
+        visualDensity: VisualDensity.compact,
         children: [
           if (onlineUsersCount != null)
             Text.rich(

diff --git a/lib/view/widget/timeline_tab_bar.dart b/lib/view/widget/timeline_tab_bar.dart
@@ -8,13 +8,14 @@ import '../../provider/timeline_scroll_controller_provider.dart';
 import '../../provider/timeline_tabs_notifier_provider.dart';
 import 'tab_icon_widget.dart';
 
-class TimelineTabBar extends HookConsumerWidget implements PreferredSizeWidget {
+class TimelineTabBar extends HookConsumerWidget {
   const TimelineTabBar({super.key, required this.controller});
 
   final TabController controller;
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
+    const tabHeight = 46.0;
     final tabs = ref.watch(timelineTabsNotifierProvider);
 
     return TabBar(
@@ -30,6 +31,8 @@ class TimelineTabBar extends HookConsumerWidget implements PreferredSizeWidget {
       indicator: BoxDecoration(
         color: Theme.of(context).colorScheme.primary.withOpacity(0.5),
       ),
+      labelPadding:
+          const EdgeInsets.symmetric(horizontal: (tabHeight - 24.0) / 2),
       indicatorSize: TabBarIndicatorSize.tab,
       indicatorWeight: 0.0,
       dividerHeight: 0.0,
@@ -56,7 +59,4 @@ class TimelineTabBar extends HookConsumerWidget implements PreferredSizeWidget {
       tabAlignment: TabAlignment.center,
     );
   }
-
-  @override
-  Size get preferredSize => const Size.fromHeight(46.0);
 }