From 686a61ac740e52a5c27db32cf312dd879a53e653 Mon Sep 17 00:00:00 2001
From: edde746 <86283021+edde746@users.noreply.github.com>
Date: Sat, 7 Mar 2026 20:52:28 +0100
Subject: [PATCH] fix: hero section bottom fade only applies to image

---
 lib/screens/discover_screen.dart | 52 +++++++++-----------------------
 1 file changed, 15 insertions(+), 37 deletions(-)

diff --git a/lib/screens/discover_screen.dart b/lib/screens/discover_screen.dart
index 13cc081c..1d1f4dfd 100644
--- a/lib/screens/discover_screen.dart
+++ b/lib/screens/discover_screen.dart
@@ -1169,30 +1169,6 @@ class _DiscoverScreenState extends State<DiscoverScreen>
                   return _buildHeroItem(_onDeck[index], heroHeight);
                 },
               ),
-              // Bottom gradient that extends past hero bounds to ensure seamless blend
-              Positioned(
-                left: 0,
-                right: 0,
-                bottom: -2, // Minimal overflow to avoid gap without covering hub header
-                height: 80, // Tall enough to cover any gap
-                child: IgnorePointer(
-                  child: Builder(
-                    builder: (context) {
-                      final bgColor = Theme.of(context).scaffoldBackgroundColor;
-                      return Container(
-                        decoration: BoxDecoration(
-                          gradient: LinearGradient(
-                            begin: Alignment.topCenter,
-                            end: Alignment.bottomCenter,
-                            colors: [bgColor.withValues(alpha: 0), bgColor],
-                            stops: const [0.0, 0.6],
-                          ),
-                        ),
-                      );
-                    },
-                  ),
-                ),
-              ),
               // Page indicators with animated progress and pause/play button
               if (!InputModeTracker.isKeyboardMode(context))
               Positioned(
@@ -1370,20 +1346,22 @@ class _DiscoverScreenState extends State<DiscoverScreen>
               left: 0,
               right: 0,
               bottom: -4, // Extend past stack bounds to ensure coverage
-              child: Builder(
-                builder: (context) {
-                  final bgColor = Theme.of(context).scaffoldBackgroundColor;
-                  return Container(
-                    decoration: BoxDecoration(
-                      gradient: LinearGradient(
-                        begin: Alignment.topCenter,
-                        end: Alignment.bottomCenter,
-                        colors: [Colors.transparent, bgColor.withValues(alpha: 0.9), bgColor],
-                        stops: const [0.5, 0.85, 1.0],
+              child: IgnorePointer(
+                child: Builder(
+                  builder: (context) {
+                    final bgColor = Theme.of(context).scaffoldBackgroundColor;
+                    return Container(
+                      decoration: BoxDecoration(
+                        gradient: LinearGradient(
+                          begin: Alignment.topCenter,
+                          end: Alignment.bottomCenter,
+                          colors: [Colors.transparent, bgColor.withValues(alpha: 0.9), bgColor],
+                          stops: const [0.5, 0.85, 1.0],
+                        ),
                       ),
-                    ),
-                  );
-                },
+                    );
+                  },
+                ),
               ),
             ),