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

Improve grid layout and spacing for better visual appeal

Browse Source 
Update NetflixGrid component to remove unnecessary divs and adjust margin-bottom for CategoryRow.

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:45:03 +00:00
parent 4ceb8342a4
commit e35a79c74b
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -107,12 +107,11 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
<> <>
<div> <div>
{categories.map((category, categoryIndex) => ( {categories.map((category, categoryIndex) => (
<div key={categoryIndex} className="pt-4"> <CategoryRow
<CategoryRow key={categoryIndex}
category={category} category={category}
onVideoClick={handleVideoClick} onVideoClick={handleVideoClick}
/> />
</div>
))} ))}
</div> </div>
@ -188,7 +187,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
return ( return (
<div <div
className="relative group mb-4" className="relative group my-4"
onMouseLeave={() => setClickedVideoId(null)} onMouseLeave={() => setClickedVideoId(null)}
> >
<h2 className="text-2xl font-bold text-bunny-light mb-0 px-4"> <h2 className="text-2xl font-bold text-bunny-light mb-0 px-4">