From 7b941a873935bd15731e5683a89dc1c65382369a Mon Sep 17 00:00:00 2001
From: Jake Jarvis <jake@jarv.is>
Date: Fri, 13 Mar 2026 15:13:32 -0400
Subject: [PATCH] refactor(native): enhance title detail screen gradient and
 remove ambient glow effect

---
 apps/native/.gitignore             |  1 +
 apps/native/eas.json               | 10 ++++-----
 apps/native/src/app/title/[id].tsx | 36 +++++++++++-------------------
 3 files changed, 19 insertions(+), 28 deletions(-)

diff --git a/apps/native/.gitignore b/apps/native/.gitignore
index dd07f5c..525476c 100644
--- a/apps/native/.gitignore
+++ b/apps/native/.gitignore
@@ -8,6 +8,7 @@ npm-debug.*
 *.key
 *.mobileprovision
 *.orig.*
+*.tar.gz
 web-build/
 
 # macOS
diff --git a/apps/native/eas.json b/apps/native/eas.json
index a5d0906..286a8a1 100644
--- a/apps/native/eas.json
+++ b/apps/native/eas.json
@@ -5,14 +5,14 @@
   },
   "build": {
     "production": {
-      "autoIncrement": true,
-      "ios": {
-        "resourceClass": "m-medium"
-      }
+      "autoIncrement": true
     },
     "development": {
       "developmentClient": true,
-      "distribution": "internal"
+      "distribution": "internal",
+      "ios": {
+        "simulator": true
+      }
     }
   },
   "submit": {
diff --git a/apps/native/src/app/title/[id].tsx b/apps/native/src/app/title/[id].tsx
index 79e8bb9..876afe0 100644
--- a/apps/native/src/app/title/[id].tsx
+++ b/apps/native/src/app/title/[id].tsx
@@ -305,8 +305,19 @@ export default function TitleDetailScreen() {
         )}
         {/* Bottom fade to background */}
         <LinearGradient
-          colors={["transparent", "rgba(0,0,0,0.7)"]}
-          className="absolute inset-0"
+          colors={[
+            "transparent",
+            "rgba(0,0,0,0.6)",
+            "rgba(0,0,0,0.95)",
+          ]}
+          locations={[0, 0.5, 1]}
+          style={{
+            position: "absolute",
+            left: 0,
+            right: 0,
+            bottom: 0,
+            height: "70%",
+          }}
         />
 
         {title.trailerVideoKey && (
@@ -385,27 +396,6 @@ export default function TitleDetailScreen() {
         </View>
       </View>
 
-      {/* Ambient color glow below hero */}
-      {(() => {
-        const glowColor =
-          palette?.vibrant ?? palette?.darkMuted ?? palette?.muted;
-        if (!glowColor) return null;
-        return (
-          <View
-            pointerEvents="none"
-            style={{
-              height: 0,
-              overflow: "visible",
-            }}
-          >
-            <LinearGradient
-              colors={[`${glowColor}14`, "transparent"]}
-              style={{ height: 300 }}
-            />
-          </View>
-        );
-      })()}
-
       {/* Genres */}
       {title.genres && title.genres.length > 0 && (
         <Animated.View entering={FadeInDown.duration(300).delay(100)}>