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

Improve spacing and visual separation between video categories

Browse Source 
Update margins and padding in the Netflix grid component to increase vertical spacing between category rows and adjust horizontal padding for better visual presentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
This commit is contained in:
sebastjanartic 2025-09-01 15:49:21 +00:00
parent 480ce14aa8
commit 57550b196b
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

@ -236,18 +236,18 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
return ( return (
<div <div
className="relative group mb-8" className="relative group mb-12"
onMouseLeave={() => setClickedVideoId(null)} onMouseLeave={() => setClickedVideoId(null)}
> >
<h2 className="text-lg font-medium text-bunny-light mb-1 mx-2 leading-tight uppercase relative z-10"> <h2 className="text-lg font-medium text-bunny-light mb-1 mx-2 leading-tight uppercase relative z-10">
{category.title} {category.title}
</h2> </h2>
<div className="relative overflow-visible py-4"> <div className="relative overflow-visible py-8">
{/* Scrollable video row - true edge to edge */} {/* Scrollable video row - true edge to edge */}
<div <div
ref={scrollRef} ref={scrollRef}
className="flex gap-4 overflow-x-auto scrollbar-hide pb-4 pl-4 pr-4" className="flex gap-4 overflow-x-auto scrollbar-hide pb-8 pl-4 pr-4"
style={{ style={{
maxWidth: '960px', maxWidth: '960px',
margin: '0 auto', margin: '0 auto',