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

Improve visual spacing and scrolling behavior in video grids

Browse Source 
Adjusted vertical spacing in NetflixGrid and CategoryRow components and reduced padding in the scrollable video row for better visual presentation and user experience.

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:19:29 +00:00
parent 5c61884e9c
commit c4193352bb
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-4">
<div className="space-y-2">
{categories.map((category, categoryIndex) => (
<div key={categoryIndex} className={`${categoryIndex === 0 ? 'mt-2 mb-3' : 'mb-3'}`}>
<div key={categoryIndex} className={`${categoryIndex === 0 ? 'mt-1 mb-1' : 'mb-1'}`}>
<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-4 px-2"
className="flex gap-3 overflow-x-auto scrollbar-hide py-2 px-2"
style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}
onScroll={handleScroll}
>