Make background logo elements significantly larger and more prominent

Update various CSS styles for background logo elements in the search header and home page components to increase their width and height by approximately 8x, and adjust z-index for proper layering.

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/ccOtxbC
This commit is contained in:
sebastjanartic
2025-08-28 15:44:39 +00:00
parent 0998b6daf6
commit 51662647b3
2 changed files with 39 additions and 39 deletions
+10 -10
View File
@@ -45,21 +45,21 @@ export default function SearchHeader({
return (
<div className="bunny-gray border-b border-white/20 sticky top-0 z-50 backdrop-blur-md relative overflow-hidden">
{/* go4.video logoti v headerju - veliki in vidni */}
{/* go4.video logoti v headerju - ogromni v ozadju */}
<div
style={{
position: 'absolute',
top: '2px',
right: '15%',
transform: 'rotate(-15deg)',
width: '200px',
height: '100px',
width: '1600px',
height: '800px',
backgroundImage: `url(${go4LogoPath})`,
backgroundSize: 'contain',
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center',
pointerEvents: 'none',
zIndex: 1,
zIndex: -10,
opacity: 0.7,
filter: 'blur(0.1px)'
}}
@@ -70,14 +70,14 @@ export default function SearchHeader({
top: '5px',
left: '20%',
transform: 'rotate(25deg)',
width: '180px',
height: '90px',
width: '1440px',
height: '720px',
backgroundImage: `url(${go4LogoPath})`,
backgroundSize: 'contain',
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center',
pointerEvents: 'none',
zIndex: 1,
zIndex: -10,
opacity: 0.65,
filter: 'blur(0.1px)'
}}
@@ -88,14 +88,14 @@ export default function SearchHeader({
top: '8px',
right: '45%',
transform: 'rotate(-35deg)',
width: '160px',
height: '80px',
width: '1280px',
height: '640px',
backgroundImage: `url(${go4LogoPath})`,
backgroundSize: 'contain',
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center',
pointerEvents: 'none',
zIndex: 1,
zIndex: -10,
opacity: 0.6,
filter: 'blur(0.1px)'
}}