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

Make video grid sections extend fully to the screen edges

Browse Source 
Adjust padding and margins in the Netflix grid component and home page layout to ensure video sections display edge-to-edge.

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/DVZN4Rp
This commit is contained in:
sebastjanartic 2025-08-30 14:29:27 +00:00
parent a763f63922
commit 1a996d1009
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -191,7 +191,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
className="relative group"
onMouseLeave={() => setClickedVideoId(null)}
>
<h2 className="text-lg font-medium text-bunny-light mb-0 px-4 leading-tight">
<h2 className="text-lg font-medium text-bunny-light mb-0 px-1 leading-tight">
{category.title}
</h2>
<div className="relative overflow-hidden">
@ -220,7 +220,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
{/* Scrollable video row - true edge to edge */}
<div
ref={scrollRef}
className="flex gap-1 overflow-x-auto scrollbar-hide pb-0"
className="flex gap-1 overflow-x-auto scrollbar-hide pb-0 -mx-1"
style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}
>
{category.videos.map((video, index) => (

2
client/src/pages/home.tsx
View File

@ -78,7 +78,7 @@ export default function Home() {
currentView={viewMode}
/>
<main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-0 pb-8 relative">
<main className="w-full pt-0 pb-8 relative">
{/* Trikotniki na robovih - ne prekrivajo video kartic */}