gabehf/Fladder
1
0
Fork 0
mirror of https://github.com/gabehf/Fladder.git synced 2026-03-16 10:46:00 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

[Bugfix] Fixed season details screen UI bugs

Browse source
This commit is contained in:
PartyDonut 2024-10-06 19:35:57 +02:00
parent 986893d8ac
commit 570376259e
1 changed files with 44 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

35
lib/screens/details_screens/season_detail_screen.dart
View file

@ -19,6 +19,7 @@ import 'package:fladder/util/item_base_model/item_base_model_extensions.dart';
import 'package:fladder/util/list_padding.dart'; import 'package:fladder/util/list_padding.dart';
import 'package:fladder/util/localization_helper.dart'; import 'package:fladder/util/localization_helper.dart';
import 'package:fladder/util/string_extensions.dart'; import 'package:fladder/util/string_extensions.dart';
import 'package:fladder/util/theme_extensions.dart';
import 'package:fladder/util/widget_extensions.dart'; import 'package:fladder/util/widget_extensions.dart';
import 'package:fladder/widgets/shared/selectable_icon_button.dart'; import 'package:fladder/widgets/shared/selectable_icon_button.dart';
@ -55,12 +56,21 @@ class _SeasonDetailScreenState extends ConsumerState<SeasonDetailScreen> {
? Column( ? Column(
crossAxisAlignment: CrossAxisAlignment.stretch, crossAxisAlignment: CrossAxisAlignment.stretch,
children: [ children: [
SizedBox(height: MediaQuery.of(context).size.height * 0.35), SizedBox(height: MediaQuery.of(context).size.height * 0.25),
Wrap( Wrap(
alignment: WrapAlignment.spaceAround, alignment: WrapAlignment.spaceAround,
runAlignment: WrapAlignment.center, runAlignment: WrapAlignment.center,
crossAxisAlignment: WrapCrossAlignment.center, crossAxisAlignment: WrapCrossAlignment.center,
children: [ children: [
ConstrainedBox(
constraints: const BoxConstraints(maxWidth: 300),
child: AspectRatio(
aspectRatio: 0.67,
child: Card(
child: FladderImage(image: details.getPosters?.primary),
),
),
),
ConstrainedBox( ConstrainedBox(
constraints: const BoxConstraints( constraints: const BoxConstraints(
maxWidth: 600, maxWidth: 600,
@ -89,9 +99,6 @@ class _SeasonDetailScreenState extends ConsumerState<SeasonDetailScreen> {
], ],
), ),
), ),
ConstrainedBox(
constraints: const BoxConstraints(maxWidth: 300),
child: Card(child: FladderImage(image: details.getPosters?.primary))),
], ],
).padding(padding), ).padding(padding),
Row( Row(
@ -123,12 +130,17 @@ class _SeasonDetailScreenState extends ConsumerState<SeasonDetailScreen> {
), ),
Row( Row(
children: [ children: [
Card( SegmentedButton(
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(200)), style: ButtonStyle(
child: SegmentedButton( backgroundColor: WidgetStateProperty.resolveWith((state) {
style: const ButtonStyle( if (state.contains(WidgetState.selected)) {
elevation: WidgetStatePropertyAll(5), return context.colors.primaryContainer;
side: WidgetStatePropertyAll(BorderSide.none), }
return context.colors.surfaceContainer;
}),
padding: const WidgetStatePropertyAll(EdgeInsets.symmetric(vertical: 8, horizontal: 16)),
elevation: const WidgetStatePropertyAll(5),
side: const WidgetStatePropertyAll(BorderSide.none),
), ),
showSelectedIcon: true, showSelectedIcon: true,
segments: EpisodeDetailsViewType.values segments: EpisodeDetailsViewType.values
@ -137,7 +149,7 @@ class _SeasonDetailScreenState extends ConsumerState<SeasonDetailScreen> {
value: e, value: e,
icon: Icon(e.icon), icon: Icon(e.icon),
label: SizedBox( label: SizedBox(
height: 50, height: 40,
child: Center( child: Center(
child: Text( child: Text(
e.name.capitalize(), e.name.capitalize(),
@ -153,7 +165,6 @@ class _SeasonDetailScreenState extends ConsumerState<SeasonDetailScreen> {
}); });
}, },
), ),
),
], ],
), ),
], ],