refactor(native): enhance title detail screen gradient and remove ambient glow effect

This commit is contained in:
2026-03-13 15:13:32 -04:00
parent 781f843372
commit 7b941a8739
3 changed files with 19 additions and 28 deletions
+13 -23
View File
@@ -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)}>