sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust positioning of navigation arrows for video categories

Browse Source 
Update CSS class 'left' and 'right' for navigation arrows in CategoryRow component to use 'left-2' and 'right-2' respectively, adjusting their horizontal positioning.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/3f1nxbo
This commit is contained in:
sebastjanartic 2025-09-01 17:20:38 +00:00
parent e3dc289588
commit f16f00875e
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/netflix-grid.tsx
View File

@ -284,7 +284,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
</div>
{/* Navigation arrows - black circles */}
<div className="absolute left-[120px] top-1/2 -translate-y-1/2 z-[60] hidden md:block">
<div className="absolute left-2 top-1/2 -translate-y-1/2 z-[60] hidden md:block">
<Button
onClick={() => scroll('left')}
className="gap-2 whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 px-3 bg-black/60 hover:bg-black/80 text-white border-none w-10 h-10 rounded-full transition-all duration-300 flex items-center justify-center shadow-lg backdrop-blur-sm ml-[160px] mr-[160px]"
@ -293,7 +293,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
<ChevronLeft className="w-4 h-4" />
</Button>
</div>
<div className="absolute right-[120px] top-1/2 -translate-y-1/2 z-[60] hidden md:block">
<div className="absolute right-2 top-1/2 -translate-y-1/2 z-[60] hidden md:block">
<Button
onClick={() => scroll('right')}
className="bg-black/60 hover:bg-black/80 text-white border-none w-10 h-10 rounded-full transition-all duration-300 flex items-center justify-center shadow-lg backdrop-blur-sm"