From e50e5dd81feaa049559e02e6d1f15bef92047e51 Mon Sep 17 00:00:00 2001 From: Juan Gilsanz Polo Date: Sat, 24 Feb 2024 18:15:29 +0100 Subject: [PATCH] Improved tags view --- lib/screens/tags/ui/tags.dart | 63 ++++++++++++++++++++--------------- 1 file changed, 37 insertions(+), 26 deletions(-) diff --git a/lib/screens/tags/ui/tags.dart b/lib/screens/tags/ui/tags.dart index dacf5ba..18c71da 100644 --- a/lib/screens/tags/ui/tags.dart +++ b/lib/screens/tags/ui/tags.dart @@ -77,35 +77,46 @@ class TagsScreen extends ConsumerWidget { return const SizedBox(height: 80); } final tag = tags.value?.content?.results?[index]; - return Column( - children: [ - ListTile( - contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 0), - dense: true, - title: Text( - tag!.name!, - style: TextStyle( - fontSize: 16, - fontWeight: FontWeight.w500, - color: Theme.of(context).colorScheme.onSurface, + return InkWell( + onTap: () => {}, + child: Container( + width: double.maxFinite, + padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Row( + children: [ + Icon( + Icons.label_rounded, + size: 16, + color: Theme.of(context).colorScheme.onSurfaceVariant.withOpacity(0.7), + ), + const SizedBox(width: 8), + Flexible( + child: Text( + tag!.name!, + overflow: TextOverflow.ellipsis, + style: TextStyle( + fontSize: 16, + fontWeight: FontWeight.w500, + color: Theme.of(context).colorScheme.onSurface, + ), + ), + ), + ], ), - ), - subtitle: Text( - t.tags.created(created: dateToString(tag.dateAdded!)), - style: TextStyle( - fontSize: 14, - color: Theme.of(context).colorScheme.onSurfaceVariant, + const SizedBox(height: 4), + Text( + t.tags.created(created: dateToString(tag.dateAdded!)), + style: TextStyle( + fontSize: 14, + color: Theme.of(context).colorScheme.onSurfaceVariant, + ), ), - ), + ], ), - if (index < tags.value!.content!.results!.length - 1) - Padding( - padding: const EdgeInsets.symmetric(horizontal: 16), - child: Divider( - color: Theme.of(context).colorScheme.tertiary.withOpacity(0.3), - ), - ), - ], + ), ); }, ),