Improve category row numbering display for videos
Update the `CategoryRow` component in `netflix-grid.tsx` to ensure consistent display of video numbering by explicitly casting `index + 1` to a string and applying specific font styles for better visual presentation. 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/gjpMN2A
This commit is contained in:
parent
a6ab7de313
commit
b079e435a3
@ -417,9 +417,11 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
|
||||
<div className="absolute top-0 left-2 z-20 text-white font-black text-5xl sm:text-6xl md:text-7xl drop-shadow-2xl transition-opacity duration-300"
|
||||
style={{
|
||||
textShadow: '4px 4px 8px rgba(0,0,0,0.8), -2px -2px 4px rgba(0,0,0,0.6)',
|
||||
WebkitTextStroke: '2px rgba(0,0,0,0.8)'
|
||||
WebkitTextStroke: '2px rgba(0,0,0,0.8)',
|
||||
fontFamily: 'Arial, sans-serif',
|
||||
fontFeatureSettings: 'normal'
|
||||
}}>
|
||||
{index + 1}
|
||||
{String(index + 1)}
|
||||
</div>
|
||||
)}
|
||||
<VideoCard
|
||||
|
||||
Loading…
Reference in New Issue
Block a user