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

Improve grid layout by adding spacing between video categories

Browse Source 
Update the NetflixGrid component to include bottom margin for category rows in client/src/components/netflix-grid.tsx.

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:42:49 +00:00
parent 1c79a7b57d
commit 3ab93a0cb3
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -105,7 +105,7 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
return ( return (
<> <>
<div className="space-y-1"> <div>
{categories.map((category, categoryIndex) => ( {categories.map((category, categoryIndex) => (
<CategoryRow <CategoryRow
key={categoryIndex} key={categoryIndex}
@ -187,7 +187,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
return ( return (
<div <div
className="relative group" className="relative group mb-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">