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

Enhance top 10 category display with gradient styling

Browse Source 
Update the styling for the "Top 10" category in the Netflix grid component to use a gradient background for enhanced visual appeal.

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 15:45:56 +00:00
parent 752fdd052c
commit 14368b4bc1
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -278,7 +278,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
>
{/* Top 10 Number overlay for first category */}
{category.title.includes("Top 10") && index < 10 && clickedVideoId !== video.id && (
<div className="absolute top-2 left-2 z-20 text-white font-black text-4xl sm:text-5xl md:text-7xl drop-shadow-2xl transition-opacity duration-300"
<div className="absolute top-2 left-2 z-20 bg-gradient-to-r from-cyan-400 to-purple-500 bg-clip-text text-transparent font-black text-4xl sm:text-5xl 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)'