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

Improve text styling for top 10 video category

Browse Source 
Update the CSS class for the "Top 10" category to use white text color with a black text shadow, replacing the previous gradient effect.

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:46:30 +00:00
parent 14368b4bc1
commit d6f23bc4c4
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 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"
<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"
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)'