Improve visibility and appearance of background logos
Refactor the positioning, sizing, opacity, and blur of go4.video logos and triangle decorations across multiple components to enhance visual presence and adhere to geometric design principles. 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/u1XGT5E
This commit is contained in:
@@ -45,13 +45,31 @@ 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 */}
|
||||
{/* go4.video logoti v headerju - bolj vidni */}
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: '5px',
|
||||
right: '10%',
|
||||
right: '8%',
|
||||
transform: 'rotate(-15deg)',
|
||||
width: '140px',
|
||||
height: '70px',
|
||||
backgroundImage: `url(${go4LogoPath})`,
|
||||
backgroundSize: 'contain',
|
||||
backgroundRepeat: 'no-repeat',
|
||||
backgroundPosition: 'center',
|
||||
pointerEvents: 'none',
|
||||
zIndex: 1,
|
||||
opacity: 0.4,
|
||||
filter: 'blur(0.3px)'
|
||||
}}
|
||||
/>
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: '8px',
|
||||
left: '12%',
|
||||
transform: 'rotate(25deg)',
|
||||
width: '120px',
|
||||
height: '60px',
|
||||
backgroundImage: `url(${go4LogoPath})`,
|
||||
@@ -60,26 +78,8 @@ export default function SearchHeader({
|
||||
backgroundPosition: 'center',
|
||||
pointerEvents: 'none',
|
||||
zIndex: 1,
|
||||
opacity: 0.2,
|
||||
filter: 'blur(0.5px)'
|
||||
}}
|
||||
/>
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: '10px',
|
||||
left: '15%',
|
||||
transform: 'rotate(25deg)',
|
||||
width: '100px',
|
||||
height: '50px',
|
||||
backgroundImage: `url(${go4LogoPath})`,
|
||||
backgroundSize: 'contain',
|
||||
backgroundRepeat: 'no-repeat',
|
||||
backgroundPosition: 'center',
|
||||
pointerEvents: 'none',
|
||||
zIndex: 1,
|
||||
opacity: 0.15,
|
||||
filter: 'blur(0.5px)'
|
||||
opacity: 0.35,
|
||||
filter: 'blur(0.3px)'
|
||||
}}
|
||||
/>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user