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

Improve footer design with adjusted logo layering and test visibility

Browse Source 
Adjusted the z-index of the go4.video logo in the footer for proper layering and added a visible test element to confirm footer display.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/97Ruzf7
This commit is contained in:
sebastjanartic 2025-08-28 15:59:53 +00:00
parent e05bf1a08e
commit 6be35285c9
1 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -364,8 +364,8 @@ export default function Home() {
{/* Footer with large triangle design */} {/* Footer with large triangle design */}
<footer className="bunny-gray border-t border-white/20 mt-16 relative overflow-hidden"> <footer className="bunny-gray border-t border-white/20 mt-16 relative overflow-hidden" style={{ minHeight: '200px' }}>
{/* go4.video logoti v footerju - več pod različnimi koti */} {/* go4.video logoti v footerju - več pod različnimi koti z višjim z-index */}
<img <img
src={go4LogoPath} src={go4LogoPath}
alt="" alt=""
@ -377,11 +377,33 @@ export default function Home() {
width: '700px', width: '700px',
height: '350px', height: '350px',
pointerEvents: 'none', pointerEvents: 'none',
zIndex: -1, zIndex: 1,
opacity: 0.5, opacity: 0.5,
filter: 'contrast(1.8) brightness(1.4)' filter: 'contrast(1.8) brightness(1.4)'
}} }}
/> />
{/* TEST ELEMENT - da vidimo ali je footer sploh viden */}
<div
style={{
position: 'absolute',
top: '10px',
left: '10px',
width: '200px',
height: '100px',
backgroundColor: 'red',
border: '3px solid yellow',
zIndex: 999,
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
color: 'white',
fontSize: '16px',
fontWeight: 'bold'
}}
>
FOOTER TEST
</div>
<img <img
src={go4LogoPath} src={go4LogoPath}
alt="" alt=""