Creepso/NuvioStreaming
1
0
Fork 0
mirror of https://github.com/tapframe/NuvioStreaming.git synced 2026-01-11 20:10:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update HeroSection component to enhance parallax effect and responsiveness

Browse source 
This update modifies the HeroSection component by adjusting the parallax image height and refining the interpolation values for translateY and scale transformations. The changes improve the visual dynamics of the parallax effect, enhancing the overall user experience and responsiveness of the component. These modifications contribute to a more polished and engaging interface.
This commit is contained in:
tapframe 2025-05-04 18:37:40 +05:30
parent bd1d8e30ec
commit d6ddaca0f5
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/metadata/HeroSection.tsx
View file

@ -287,7 +287,7 @@ const HeroSection: React.FC<HeroSectionProps> = ({
const parallaxImageStyle = useAnimatedStyle(() => ({
width: '120%',
height: '100%',
height: '110%',
top: '-10%',
left: '-10%',
transform: [
@ -295,7 +295,7 @@ const HeroSection: React.FC<HeroSectionProps> = ({
translateY: interpolate(
dampedScrollY.value,
[0, 100, 300],
[20, -20, -60],
[0, -30, -80],
Extrapolate.CLAMP
)
},
@ -303,7 +303,7 @@ const HeroSection: React.FC<HeroSectionProps> = ({
scale: interpolate(
dampedScrollY.value,
[0, 150, 300],
[1.05, 1.02, 0.99],
[1.05, 1.03, 1.01],
Extrapolate.CLAMP
)
}