mirror of
https://github.com/jakejarvis/sofa.git
synced 2026-08-29 01:35:39 -04:00
refactor(native): enhance title detail screen gradient and remove ambient glow effect
This commit is contained in:
@@ -8,6 +8,7 @@ npm-debug.*
|
||||
*.key
|
||||
*.mobileprovision
|
||||
*.orig.*
|
||||
*.tar.gz
|
||||
web-build/
|
||||
|
||||
# macOS
|
||||
|
||||
@@ -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": {
|
||||
|
||||
@@ -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)}>
|
||||
|
||||
Reference in New Issue
Block a user