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

Adjust spacing and padding for video rows on desktop

Browse Source 
Update `netflix-grid.tsx` to increase vertical spacing between categories (`space-y-8` and `mb-6`) and padding for the video row (`py-4`) to improve desktop layout consistency.

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/4DOsXkx
This commit is contained in:
sebastjanartic 2025-09-02 16:22:22 +00:00
parent 1c7589d6c8
commit e7a42bfee8
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -145,9 +145,9 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
return (
<>
<div className="space-y-2">
<div className="space-y-8">
{categories.map((category, categoryIndex) => (
<div key={categoryIndex} className={`${categoryIndex === 0 ? 'mt-1 mb-1' : 'mb-1'}`}>
<div key={categoryIndex} className={`${categoryIndex === 0 ? 'mt-2 mb-6' : 'mb-6'}`}>
<CategoryRow
category={category}
onVideoClick={handleVideoClick}
@ -285,7 +285,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
{/* Scrollable video row - in container */}
<div
ref={scrollRef}
className="flex gap-3 overflow-x-auto scrollbar-hide py-2 px-2"
className="flex gap-3 overflow-x-auto scrollbar-hide py-4 px-2"
style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}
onScroll={handleScroll}
>