From 484bbaac35466d5d40a19eb2e5cc7f074efb67ff Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 29 Aug 2025 15:24:02 +0000
Subject: [PATCH] Make video scrolling smoother and more fluid

Adjusted scrolling speed and interval in the `netflix-grid.tsx` component for a more fluid visual experience.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/QCN70f2
---
 client/src/components/netflix-grid.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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