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

Improve carousel navigation button appearance and visibility

Browse Source 
Update CSS classes for carousel navigation buttons to enhance visual style and ensure better visibility.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/DVZN4Rp
This commit is contained in:
sebastjanartic 2025-08-30 14:12:05 +00:00
parent 12b362391d
commit 7be1faa01d
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

@ -202,7 +202,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
onClick={() => scroll('left')} onClick={() => scroll('left')}
onMouseEnter={() => startAutoScroll('left')} onMouseEnter={() => startAutoScroll('left')}
onMouseLeave={stopAutoScroll} onMouseLeave={stopAutoScroll}
className="absolute left-2 top-1/2 -translate-y-1/2 z-30 bg-black/80 hover:bg-black/95 text-white border-none w-12 h-12 rounded-full opacity-70 hover:opacity-100 transition-all duration-300 flex items-center justify-center shadow-xl hidden md:flex" className="absolute left-2 top-1/2 -translate-y-1/2 z-50 bg-black hover:bg-black/80 text-white border-none w-12 h-12 rounded-full transition-all duration-300 flex items-center justify-center shadow-xl hidden md:flex"
size="sm" size="sm"
> >
<ChevronLeft className="w-5 h-5" /> <ChevronLeft className="w-5 h-5" />
@ -213,7 +213,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
onClick={() => scroll('right')} onClick={() => scroll('right')}
onMouseEnter={() => startAutoScroll('right')} onMouseEnter={() => startAutoScroll('right')}
onMouseLeave={stopAutoScroll} onMouseLeave={stopAutoScroll}
className="absolute right-2 top-1/2 -translate-y-1/2 z-30 bg-black/80 hover:bg-black/95 text-white border-none w-12 h-12 rounded-full opacity-70 hover:opacity-100 transition-all duration-300 flex items-center justify-center shadow-xl hidden md:flex" className="absolute right-2 top-1/2 -translate-y-1/2 z-50 bg-black hover:bg-black/80 text-white border-none w-12 h-12 rounded-full transition-all duration-300 flex items-center justify-center shadow-xl hidden md:flex"
size="sm" size="sm"
> >
<ChevronRight className="w-5 h-5" /> <ChevronRight className="w-5 h-5" />