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

Adjust display of navigation indicators for video carousels

Browse Source 
Update the styling and size of the pagination indicators in the video category rows to improve visual consistency and responsiveness.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/OdlP8Wj
This commit is contained in:
sebastjanartic 2025-09-03 08:26:44 +00:00
parent a5f40b36da
commit a7ee41a2c4
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -398,11 +398,16 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
setCurrentIndex(index); setCurrentIndex(index);
} }
}} }}
className={`w-0.5 h-0.5 rounded-full transition-all duration-300 ${ className={`rounded-full transition-all duration-300 ${
index === currentIndex index === currentIndex
? 'bg-gradient-to-r from-purple-500 to-blue-500 scale-150' ? 'bg-gradient-to-r from-purple-500 to-blue-500'
: 'bg-white/15 hover:bg-white/25' : 'bg-white/15 hover:bg-white/25'
}`} }`}
style={{
width: '3px',
height: '3px',
transform: index === currentIndex ? 'scale(1.3)' : 'scale(1)'
}}
aria-label={`Go to card ${index + 1}`} aria-label={`Go to card ${index + 1}`}
/> />
))} ))}