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

Adjust video tile size for better mobile display

Browse Source 
Resizes the video tiles in the Netflix grid component to be 25% smaller on mobile devices by changing the `w-36` class to `w-28` in `client/src/components/netflix-grid.tsx`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
This commit is contained in:
sebastjanartic 2025-08-29 10:20:41 +00:00
parent 94b1392a0f
commit f0be2287eb
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

@ -194,7 +194,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
}} }}
> >
{category.videos.map((video, index) => ( {category.videos.map((video, index) => (
<div key={video.id} className="flex-shrink-0 w-36 md:w-52 relative group"> <div key={video.id} className="flex-shrink-0 w-28 md:w-52 relative group">
{/* Top 10 Number overlay for first category */} {/* Top 10 Number overlay for first category */}
{category.title.includes("Top 10") && index < 10 && ( {category.title.includes("Top 10") && index < 10 && (
<div className="absolute top-1 left-1 z-20 text-white font-black text-3xl md:text-5xl drop-shadow-2xl" <div className="absolute top-1 left-1 z-20 text-white font-black text-3xl md:text-5xl drop-shadow-2xl"