fix(UI)

Author: liuchuancong

lib/modules/areas/areas_page.dart

@@ -17,14 +17,23 @@ class AreasPage extends GetView<AreasController> {
             scrolledUnderElevation: 0,
             leading: showAction ? const MenuButton() : null,
             actions: showAction ? [CommonAppBarActions()] : null,
-            title: TabBar(
-              controller: controller.tabController,
-              isScrollable: true,
-              tabAlignment: TabAlignment.center,
-              labelStyle: const TextStyle(fontSize: 18, fontWeight: FontWeight.w600),
-              labelPadding: const EdgeInsets.symmetric(horizontal: 12),
-              indicatorSize: TabBarIndicatorSize.label,
-              tabs: Sites().availableSites().map((e) => Tab(text: e.name)).toList(),
+            flexibleSpace: SafeArea(
+              child: Align(
+                alignment: Alignment.topCenter,
+                child: Container(
+                  height: kToolbarHeight,
+                  alignment: Alignment.center,
+                  child: TabBar(
+                    controller: controller.tabController,
+                    isScrollable: true,
+                    tabAlignment: TabAlignment.center,
+                    labelStyle: const TextStyle(fontSize: 18, fontWeight: FontWeight.w600),
+                    labelPadding: const EdgeInsets.symmetric(horizontal: 12),
+                    indicatorSize: TabBarIndicatorSize.label,
+                    tabs: Sites().availableSites().map((e) => Tab(text: e.name)).toList(),
+                  ),
+                ),
+              ),
             ),
           ),
           body: TabBarView(

lib/modules/popular/popular_page.dart

@@ -20,14 +20,23 @@ class PopularPage extends GetView<PopularController> {
             scrolledUnderElevation: 0,
             leading: showAction ? const MenuButton() : null,
             actions: showAction ? [CommonAppBarActions()] : null,
-            title: TabBar(
-              controller: controller.tabController,
-              isScrollable: true,
-              tabAlignment: TabAlignment.center,
-              labelStyle: const TextStyle(fontSize: 18, fontWeight: FontWeight.w600),
-              labelPadding: const EdgeInsets.symmetric(horizontal: 12),
-              indicatorSize: TabBarIndicatorSize.label,
-              tabs: Sites().availableSites().map((e) => Tab(text: e.name)).toList(),
+            flexibleSpace: SafeArea(
+              child: Align(
+                alignment: Alignment.topCenter,
+                child: Container(
+                  height: kToolbarHeight,
+                  alignment: Alignment.center,
+                  child: TabBar(
+                    controller: controller.tabController,
+                    isScrollable: true,
+                    tabAlignment: TabAlignment.center,
+                    labelStyle: const TextStyle(fontSize: 18, fontWeight: FontWeight.w600),
+                    labelPadding: const EdgeInsets.symmetric(horizontal: 12),
+                    indicatorSize: TabBarIndicatorSize.label,
+                    tabs: Sites().availableSites().map((e) => Tab(text: e.name)).toList(),
+                  ),
+                ),
+              ),
             ),
           ),
           body: TabBarView(