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

Improve video grid spacing and responsiveness on smaller screens

Browse Source 
Adjust padding in the category row component to prevent video overlap when expanding grid tiles.

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/iazasnP
This commit is contained in:
sebastjanartic 2025-08-30 13:22:14 +00:00
parent 9f616d7d89
commit ef77969844
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

@ -220,7 +220,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
{/* Scrollable video row - true edge to edge */}
<div
ref={scrollRef}
className="flex gap-1 overflow-x-auto scrollbar-hide pb-4"
className="flex gap-1 overflow-x-auto scrollbar-hide pb-8"
style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}
>
{category.videos.map((video, index) => (