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
|
*.key
|
||||||
*.mobileprovision
|
*.mobileprovision
|
||||||
*.orig.*
|
*.orig.*
|
||||||
|
*.tar.gz
|
||||||
web-build/
|
web-build/
|
||||||
|
|
||||||
# macOS
|
# macOS
|
||||||
|
|||||||
@@ -5,14 +5,14 @@
|
|||||||
},
|
},
|
||||||
"build": {
|
"build": {
|
||||||
"production": {
|
"production": {
|
||||||
"autoIncrement": true,
|
"autoIncrement": true
|
||||||
"ios": {
|
|
||||||
"resourceClass": "m-medium"
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
"development": {
|
"development": {
|
||||||
"developmentClient": true,
|
"developmentClient": true,
|
||||||
"distribution": "internal"
|
"distribution": "internal",
|
||||||
|
"ios": {
|
||||||
|
"simulator": true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"submit": {
|
"submit": {
|
||||||
|
|||||||
@@ -305,8 +305,19 @@ export default function TitleDetailScreen() {
|
|||||||
)}
|
)}
|
||||||
{/* Bottom fade to background */}
|
{/* Bottom fade to background */}
|
||||||
<LinearGradient
|
<LinearGradient
|
||||||
colors={["transparent", "rgba(0,0,0,0.7)"]}
|
colors={[
|
||||||
className="absolute inset-0"
|
"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 && (
|
{title.trailerVideoKey && (
|
||||||
@@ -385,27 +396,6 @@ export default function TitleDetailScreen() {
|
|||||||
</View>
|
</View>
|
||||||
</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 */}
|
{/* Genres */}
|
||||||
{title.genres && title.genres.length > 0 && (
|
{title.genres && title.genres.length > 0 && (
|
||||||
<Animated.View entering={FadeInDown.duration(300).delay(100)}>
|
<Animated.View entering={FadeInDown.duration(300).delay(100)}>
|
||||||
|
|||||||
Reference in New Issue
Block a user