From da0c8f1df9b48118ccbc933c6bd9ec050f2a0d56 Mon Sep 17 00:00:00 2001 From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com> Date: Mon, 1 Sep 2025 17:28:04 +0000 Subject: [PATCH] Adjust layout to prevent content from stretching edge-to-edge Modify the maximum width of the category rows and the main content area to improve visual presentation and prevent horizontal overflow on larger screens. 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/3f1nxbo --- client/src/components/netflix-grid.tsx | 2 +- client/src/pages/home.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx index 0045089..c7dc0ef 100644 --- a/client/src/components/netflix-grid.tsx +++ b/client/src/components/netflix-grid.tsx @@ -248,7 +248,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate ref={scrollRef} className="flex gap-4 overflow-x-auto pl-4 pr-4" style={{ - maxWidth: '960px', + maxWidth: '1200px', margin: '0 auto', scrollbarWidth: 'none', msOverflowStyle: 'none' diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx index 4bdb0eb..9ea0f69 100644 --- a/client/src/pages/home.tsx +++ b/client/src/pages/home.tsx @@ -168,7 +168,7 @@ export default function Home() { )} -
+
{/* Trikotniki na robovih - dvignjeni višje */}