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

Adjust layout to prevent content from stretching edge-to-edge

Browse Source 
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
This commit is contained in:
sebastjanartic 2025-09-01 17:28:04 +00:00
parent 8142601cea
commit da0c8f1df9
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -248,7 +248,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
ref={scrollRef} ref={scrollRef}
className="flex gap-4 overflow-x-auto pl-4 pr-4" className="flex gap-4 overflow-x-auto pl-4 pr-4"
style={{ style={{
maxWidth: '960px', maxWidth: '1200px',
margin: '0 auto', margin: '0 auto',
scrollbarWidth: 'none', scrollbarWidth: 'none',
msOverflowStyle: 'none' msOverflowStyle: 'none'

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

@ -168,7 +168,7 @@ export default function Home() {
)} )}
</div> </div>
<main className="w-full pt-4 pb-8 relative"> <main className="max-w-6xl mx-auto pt-4 pb-8 relative">
{/* Trikotniki na robovih - dvignjeni višje */} {/* Trikotniki na robovih - dvignjeni višje */}
<div className="absolute top-2 right-2 w-0 h-0 border-l-[70px] border-l-transparent border-r-[70px] border-r-transparent border-b-[100px] border-b-blue-400/8 rotate-12 z-0"></div> <div className="absolute top-2 right-2 w-0 h-0 border-l-[70px] border-l-transparent border-r-[70px] border-r-transparent border-b-[100px] border-b-blue-400/8 rotate-12 z-0"></div>