🐛 Fix explore page styling

This commit is contained in:
LittleSheep 2025-07-02 13:17:45 +08:00
parent 007acedf29
commit 82067fb3aa

View File

@ -96,66 +96,80 @@ class ExploreScreen extends HookConsumerWidget {
bottom: PreferredSize( bottom: PreferredSize(
preferredSize: const Size.fromHeight(48), preferredSize: const Size.fromHeight(48),
child: Row( child: Row(
children: [ children: [
Expanded( Expanded(
child: TabBar( child: TabBar(
controller: tabController, controller: tabController,
tabAlignment: TabAlignment.start, tabAlignment: TabAlignment.start,
isScrollable: true, isScrollable: true,
tabs: [ dividerColor: Colors.transparent,
Tab( tabs: [
icon: Tooltip( Tab(
message: 'explore'.tr(), icon: Tooltip(
child: Icon( message: 'explore'.tr(),
Symbols.explore, child: Icon(
color: Theme.of(context).appBarTheme.foregroundColor!, Symbols.explore,
color:
Theme.of(
context,
).appBarTheme.foregroundColor!,
),
),
), ),
), Tab(
), icon: Tooltip(
Tab( message: 'exploreFilterSubscriptions'.tr(),
icon: Tooltip( child: Icon(
message: 'exploreFilterSubscriptions'.tr(), Symbols.subscriptions,
child: Icon( color:
Symbols.subscriptions, Theme.of(
color: Theme.of(context).appBarTheme.foregroundColor!, context,
).appBarTheme.foregroundColor!,
),
),
), ),
), Tab(
), icon: Tooltip(
Tab( message: 'exploreFilterFriends'.tr(),
icon: Tooltip( child: Icon(
message: 'exploreFilterFriends'.tr(), Symbols.people,
child: Icon( color:
Symbols.people, Theme.of(
color: Theme.of(context).appBarTheme.foregroundColor!, context,
).appBarTheme.foregroundColor!,
),
),
), ),
), ],
), ),
], ),
), IconButton(
onPressed: () {
context.push('/feeds/articles');
},
icon: Icon(
Symbols.auto_stories,
color: Theme.of(context).appBarTheme.foregroundColor!,
),
tooltip: 'webArticlesStand'.tr(),
),
IconButton(
onPressed: () {
context.push('/posts/search');
},
icon: Icon(
Symbols.search,
color: Theme.of(context).appBarTheme.foregroundColor!,
),
tooltip: 'search'.tr(),
),
],
)
.padding(horizontal: 8)
.border(
bottom: 1 / MediaQuery.of(context).devicePixelRatio,
color: Theme.of(context).dividerColor,
), ),
Spacer(),
IconButton(
onPressed: () {
context.push('/feeds/articles');
},
icon: Icon(
Symbols.auto_stories,
color: Theme.of(context).appBarTheme.foregroundColor!,
),
tooltip: 'webArticlesStand'.tr(),
),
IconButton(
onPressed: () {
context.push('/posts/search');
},
icon: Icon(
Symbols.search,
color: Theme.of(context).appBarTheme.foregroundColor!,
),
tooltip: 'search'.tr(),
),
],
).padding(horizontal: 8),
), ),
), ),
floatingActionButton: FloatingActionButton( floatingActionButton: FloatingActionButton(