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:
@@ -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)'
|
||||
}}
|
||||
|
||||
Reference in New Issue
Block a user