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

Change library screen tabs visuals

Browse source
This commit is contained in:
PartyDonut 2025-08-29 19:38:09 +02:00
parent cef39347c1
commit 1cbeb146b1
1 changed files with 13 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

46
lib/screens/library/library_screen.dart
View file

@ -231,8 +231,8 @@ class LibraryRow extends ConsumerWidget {
return HorizontalList( return HorizontalList(
label: context.localized.library(views.length), label: context.localized.library(views.length),
items: views, items: views,
height: 155,
startIndex: selectedView != null ? views.indexOf(selectedView!) : null, startIndex: selectedView != null ? views.indexOf(selectedView!) : null,
height: 125,
contentPadding: padding, contentPadding: padding,
itemBuilder: (context, index) { itemBuilder: (context, index) {
final view = views[index]; final view = views[index];
@ -262,16 +262,13 @@ class LibraryRow extends ConsumerWidget {
items: viewActions.popupMenuItems(useIcons: true), items: viewActions.popupMenuItems(useIcons: true),
); );
}, },
child: Stack( child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
AnimatedContainer( Container(
duration: const Duration(milliseconds: 250),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Theme.of(context).cardColor,
border: Border.all(
width: isSelected ? 4 : 0,
color: isSelected ? Theme.of(context).colorScheme.primary : Colors.transparent,
),
borderRadius: FladderTheme.defaultShape.borderRadius, borderRadius: FladderTheme.defaultShape.borderRadius,
), ),
clipBehavior: Clip.hardEdge, clipBehavior: Clip.hardEdge,
@ -296,30 +293,13 @@ class LibraryRow extends ConsumerWidget {
), ),
), ),
), ),
Positioned.fill( Text(
child: Align( view.name,
alignment: Alignment.bottomLeft, style: Theme.of(context).textTheme.titleMedium,
child: AnimatedOpacity( maxLines: 2,
duration: const Duration(milliseconds: 250), overflow: TextOverflow.ellipsis,
opacity: isSelected ? 0 : 1, textAlign: TextAlign.start,
child: Padding( )
padding: const EdgeInsets.all(6),
child: Row(
spacing: 8,
children: [
Text(
view.name,
style: Theme.of(context).textTheme.titleMedium,
maxLines: 2,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.start,
),
],
),
),
),
),
),
], ],
), ),
); );