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

Adjust spacing for video category navigation on mobile devices

Browse Source 
Update the styling for mobile navigation dots in the Netflix grid component by reducing top and bottom margin and padding.

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/OdlP8Wj
This commit is contained in:
sebastjanartic 2025-09-03 08:32:35 +00:00
parent 4250b50b0f
commit 98c5d91fac
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -384,7 +384,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
</div>
{/* Mobile navigation dots - only visible on mobile, under all video rows */}
<div className="md:hidden flex justify-center mt-4 mb-4 gap-1 py-2">
<div className="md:hidden flex justify-center mt-2 mb-2 gap-1 py-1">
{Array.from({ length: Math.min(10, category.videos.length) }, (_, index) => (
<button
key={index}