From 082f7110187778b0f9920a885b2c847414b3068e Mon Sep 17 00:00:00 2001
From: Kingkor Roy Tirtho <krtirtho@gmail.com>
Date: Thu, 23 Jan 2025 20:39:04 +0600
Subject: [PATCH] chore: use angle

---
 lib/modules/home/sections/genres/genres.dart | 40 ++++++--------------
 1 file changed, 12 insertions(+), 28 deletions(-)

diff --git a/lib/modules/home/sections/genres/genres.dart b/lib/modules/home/sections/genres/genres.dart
index 5e96f78f..881003aa 100644
--- a/lib/modules/home/sections/genres/genres.dart
+++ b/lib/modules/home/sections/genres/genres.dart
@@ -111,21 +111,13 @@ class HomeGenresSection extends HookConsumerWidget {
               left: 0,
               child: Container(
                 height: 280 * theme.scaling,
-                width: (mediaQuery.mdAndUp ? 80 : 50) * theme.scaling,
-                decoration: BoxDecoration(
-                  gradient: LinearGradient(
-                    begin: Alignment.centerLeft,
-                    end: Alignment.centerRight,
-                    colors: [
-                      theme.colorScheme.background.withAlpha(255),
-                      theme.colorScheme.background.withAlpha(0),
-                    ],
-                  ),
-                ),
+                width: (mediaQuery.mdAndUp ? 60 : 40) * theme.scaling,
                 alignment: Alignment.center,
-                child: IconButton.ghost(
-                  size:
-                      mediaQuery.mdAndUp ? ButtonSize.normal : ButtonSize.small,
+                child: IconButton.secondary(
+                  shape: ButtonShape.circle,
+                  size: mediaQuery.mdAndUp
+                      ? const ButtonSize(1.3)
+                      : ButtonSize.normal,
                   icon: const Icon(SpotubeIcons.angleLeft),
                   onPressed: () {
                     controller.animatePrevious(
@@ -140,21 +132,13 @@ class HomeGenresSection extends HookConsumerWidget {
               right: 0,
               child: Container(
                 height: 280 * theme.scaling,
-                width: (mediaQuery.mdAndUp ? 80 : 50) * theme.scaling,
-                decoration: BoxDecoration(
-                  gradient: LinearGradient(
-                    begin: Alignment.centerLeft,
-                    end: Alignment.centerRight,
-                    colors: [
-                      theme.colorScheme.background.withAlpha(0),
-                      theme.colorScheme.background.withAlpha(255),
-                    ],
-                  ),
-                ),
+                width: (mediaQuery.mdAndUp ? 60 : 40) * theme.scaling,
                 alignment: Alignment.center,
-                child: IconButton.ghost(
-                  size:
-                      mediaQuery.mdAndUp ? ButtonSize.normal : ButtonSize.small,
+                child: IconButton.secondary(
+                  shape: ButtonShape.circle,
+                  size: mediaQuery.mdAndUp
+                      ? const ButtonSize(1.3)
+                      : ButtonSize.normal,
                   icon: const Icon(SpotubeIcons.angleRight),
                   onPressed: () {
                     controller.animateNext(