diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx index 2e403fd..4580a00 100644 --- a/client/src/components/netflix-grid.tsx +++ b/client/src/components/netflix-grid.tsx @@ -164,7 +164,9 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { scrollIntervalRef.current = setInterval(() => { setTranslateX(prev => { - const speed = direction === 'right' ? -baseSpeed : baseSpeed; + // Use current speed mode for toggle function only + const currentSpeed = speedMode === 'fast' ? 1.5 : 0.8; + const speed = direction === 'right' ? -currentSpeed : currentSpeed; const newX = prev + speed; const totalWidth = category.videos.length * videoWidth; @@ -187,8 +189,8 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { // Start continuous smooth scrolling with variable speed scrollIntervalRef.current = setInterval(() => { setTranslateX(prev => { - // Speed changes based on mode: normal (0.5px) or fast (1.2px) - smooth video by video - const baseSpeed = speedMode === 'fast' ? 1.2 : 0.5; + // Fixed speed for consistent movement - no automatic changes + const baseSpeed = 0.8; // Always same speed on hover const speed = direction === 'right' ? -baseSpeed : baseSpeed; const newX = prev + speed; const totalWidth = category.videos.length * videoWidth;