From 8fee4bf82c6ea4b1060b2cdf56ab50a606788bec Mon Sep 17 00:00:00 2001
From: Yesterday17 <mmf@mmf.moe>
Date: Thu, 19 Sep 2024 01:30:01 +0800
Subject: [PATCH] ui: use `LinearGradient` in `CarouselView`

---
 lib/ui/page/home/home_playlist.dart | 38 ++++++++++++++++-------------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/lib/ui/page/home/home_playlist.dart b/lib/ui/page/home/home_playlist.dart
index 1cef5c0..226e084 100644
--- a/lib/ui/page/home/home_playlist.dart
+++ b/lib/ui/page/home/home_playlist.dart
@@ -39,23 +39,27 @@ class PlaylistView extends ConsumerWidget {
                 Container(
                   padding: const EdgeInsets.all(4.0),
                   alignment: Alignment.bottomLeft,
-                  child: Card(
-                    child: Padding(
-                      padding: const EdgeInsets.symmetric(horizontal: 8),
-                      child: Hero(
-                        tag: 'playlist:name:${playlist.id}',
-                        child: Text(
-                          playlist.name,
-                          style: context.textTheme.titleMedium?.copyWith(
-                            color: context.colorScheme.onSecondaryContainer,
-                            fontWeight: FontWeight.w600,
-                            // backgroundColor: context.colorScheme.secondaryContainer
-                            //     .withValues(alpha: 0.8),
-                          ),
-                          overflow: TextOverflow.ellipsis,
-                          maxLines: 2,
-                          softWrap: false,
-                        ),
+                  decoration: BoxDecoration(
+                    gradient: LinearGradient(
+                      colors: [
+                        Colors.white.withValues(alpha: 0),
+                        Colors.black.withValues(alpha: 0.5),
+                      ],
+                      begin: Alignment.topCenter,
+                      end: Alignment.bottomCenter,
+                    ),
+                  ),
+                  child: Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: 8),
+                    child: Hero(
+                      tag: 'playlist:name:${playlist.id}',
+                      child: Text(
+                        playlist.name,
+                        style: context.textTheme.titleMedium
+                            ?.copyWith(color: Colors.white),
+                        overflow: TextOverflow.ellipsis,
+                        maxLines: 2,
+                        softWrap: false,
                       ),
                     ),
                   ),