From 6407a4770b918696ad1efd4e41831dabe57223cc Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 29 Aug 2025 10:29:34 +0000
Subject: [PATCH] Improve the smoothness of scrolling for video categories

Adjusted auto-scroll interval and amount in `netflix-grid.tsx` to increase animation frame rate from ~60fps to ~120fps for a smoother 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/P3O2FU7
---
 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 c33c3f7..a58103d 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -160,10 +160,10 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
     }
     scrollIntervalRef.current = setInterval(() => {
       if (scrollRef.current) {
-        const scrollAmount = direction === 'left' ? -3 : 3;
+        const scrollAmount = direction === 'left' ? -1.5 : 1.5;
         scrollRef.current.scrollLeft += scrollAmount;
       }
-    }, 16); // ~60fps
+    }, 8); // ~120fps for smoother animation
   };
 
   const stopAutoScroll = () => {