diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx index 509f56b..b3778ed 100644 --- a/client/src/components/netflix-grid.tsx +++ b/client/src/components/netflix-grid.tsx @@ -158,7 +158,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { // Start continuous smooth scrolling with interval scrollIntervalRef.current = setInterval(() => { setTranslateX(prev => { - const speed = direction === 'right' ? -1.5 : 1.5; // Smaller steps for smoother motion + const speed = direction === 'right' ? -0.8 : 0.8; // Even smaller steps for ultra smooth motion const newX = prev + speed; const totalWidth = category.videos.length * videoWidth; @@ -171,7 +171,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { return newX; }); - }, 16); // Update every 16ms (60 FPS) for ultra smooth flow + }, 12); // Update every 12ms for buttery smooth flow }; // Initialize in middle section for infinite scroll