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

Improve footer design by repositioning and resizing decorative triangles

Browse Source 
Refactor CSS for footer triangle elements in VideoPage, Home, and NotFound components, adjusting positioning and dimensions for better visual appeal and to prevent text overlap.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/GLdjeU9
This commit is contained in:
sebastjanartic
2025-08-28 19:19:41 +00:00
parent e3b00c1c2c
commit 6cb28870a2
3 changed files with 9 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/home.tsx
+3 -3
View File
@@ -107,9 +107,9 @@ export default function Home() {
{/* Footer with large triangle design */}
<footer className="bunny-gray border-t border-white/20 mt-16 relative overflow-hidden">
{/* Trikotniki v footerju - z nižjim z-index da ne zakrivajo besedila */}
<div className="absolute top-0 right-0 w-0 h-0 border-l-[150px] border-l-transparent border-b-[90px] border-b-blue-500/6 z-0"></div>
<div className="absolute bottom-0 left-0 w-0 h-0 border-r-[120px] border-r-transparent border-t-[80px] border-t-purple-500/6 z-0"></div>
{/* Trikotniki v footerju - manjši in bolje pozicionirani */}
<div className="absolute top-0 right-0 w-0 h-0 border-l-[80px] border-l-transparent border-b-[50px] border-b-blue-500/4 z-0"></div>
<div className="absolute bottom-0 left-0 w-0 h-0 border-r-[70px] border-r-transparent border-t-[45px] border-t-purple-500/4 z-0"></div>
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
<div className="grid grid-cols-1 md:grid-cols-4 gap-8">
<div className="col-span-1 md:col-span-2">