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

Adjust layout to prevent video cards from overlapping

Browse Source 
Update the Home page component to adjust the positioning of decorative elements, ensuring they do not obscure video cards in different view modes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/SHCPaqp
This commit is contained in:
sebastjanartic 2025-09-01 17:56:41 +00:00
parent 958c298d00
commit 6664335202
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -169,17 +169,17 @@ export default function Home() {
</div>
<main className="w-full pt-0 pb-8 relative">
<div className="container">
{/* Trikotniki na robovih - ne prekrivajo video kartic */}
<div className="absolute top-10 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-1/2 left-2 w-0 h-0 border-l-[60px] border-l-transparent border-r-[60px] border-r-transparent border-b-[85px] border-b-purple-400/8 -rotate-12 z-0"></div>
<div className="absolute bottom-1/4 right-2 w-0 h-0 border-l-[50px] border-l-transparent border-r-[50px] border-r-transparent border-b-[70px] border-b-cyan-400/8 rotate-45 z-0"></div>
{viewMode === "grid" ? (
<NetflixGrid
videos={allVideos}
isLoading={isLoading}
/>
) : (
{/* Trikotniki na robovih - ne prekrivajo video kartic */}
<div className="absolute top-10 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-1/2 left-2 w-0 h-0 border-l-[60px] border-l-transparent border-r-[60px] border-r-transparent border-b-[85px] border-b-purple-400/8 -rotate-12 z-0"></div>
<div className="absolute bottom-1/4 right-2 w-0 h-0 border-l-[50px] border-l-transparent border-r-[50px] border-r-transparent border-b-[70px] border-b-cyan-400/8 rotate-45 z-0"></div>
{viewMode === "grid" ? (
<NetflixGrid
videos={allVideos}
isLoading={isLoading}
/>
) : (
<div className="container">
<VideoGrid
videos={allVideos}
isLoading={isLoading}
@ -187,8 +187,8 @@ export default function Home() {
onLoadMore={() => {}}
viewMode={viewMode}
/>
)}
</div>
</div>
)}
</main>