diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx index abf5cfa..86c3cd7 100644 --- a/client/src/components/netflix-grid.tsx +++ b/client/src/components/netflix-grid.tsx @@ -249,10 +249,10 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate onClick={() => scroll('left')} onMouseEnter={() => startAutoScroll('left')} onMouseLeave={stopAutoScroll} - className="absolute left-2 top-1/2 -translate-y-1/2 z-[40] bg-black/50 hover:bg-black/70 text-white border-none w-10 h-10 sm:w-12 sm:h-12 rounded-full transition-all duration-300 hidden md:flex items-center justify-center shadow-xl" - size="sm" + className="absolute left-4 top-1/2 -translate-y-1/2 z-[40] bg-black/80 hover:bg-black/90 text-white border-none w-16 h-16 rounded-full transition-all duration-300 hidden md:flex items-center justify-center shadow-2xl backdrop-blur-sm" + size="lg" > - + )} @@ -262,10 +262,10 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate onClick={() => scroll('right')} onMouseEnter={() => startAutoScroll('right')} onMouseLeave={stopAutoScroll} - className="absolute right-2 top-1/2 -translate-y-1/2 z-[40] bg-black/50 hover:bg-black/70 text-white border-none w-10 h-10 sm:w-12 sm:h-12 rounded-full transition-all duration-300 hidden md:flex items-center justify-center shadow-xl" - size="sm" + className="absolute right-4 top-1/2 -translate-y-1/2 z-[40] bg-black/80 hover:bg-black/90 text-white border-none w-16 h-16 rounded-full transition-all duration-300 hidden md:flex items-center justify-center shadow-2xl backdrop-blur-sm" + size="lg" > - + )}