diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx index 21b9067..7ce8c6a 100644 --- a/client/src/components/netflix-grid.tsx +++ b/client/src/components/netflix-grid.tsx @@ -144,8 +144,8 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { const videoWidth = 120; // Width including spacing const scroll = (direction: 'left' | 'right') => { - // Only move one step when clicked (no speed change here) - const step = direction === 'right' ? -videoWidth : videoWidth; + // Simple step movement + const step = direction === 'right' ? -200 : 200; setTranslateX(prev => prev + step); }; @@ -250,12 +250,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { onClick={(e) => { e.preventDefault(); e.stopPropagation(); - // If already scrolling, toggle speed, otherwise start scrolling - if (isScrolling) { - toggleSpeed('left'); - } else { - startAutoScroll('left'); - } + scroll('left'); }} onMouseEnter={(e) => { e.stopPropagation(); @@ -276,12 +271,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { onClick={(e) => { e.preventDefault(); e.stopPropagation(); - // If already scrolling, toggle speed, otherwise start scrolling - if (isScrolling) { - toggleSpeed('right'); - } else { - startAutoScroll('right'); - } + scroll('right'); }} onMouseEnter={(e) => { e.stopPropagation(); @@ -338,14 +328,12 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { {/* Continuous flowing carousel - videos flow across entire width */} -
+
{/* Many copies for true infinite scroll */}