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:
sebastjanartic
2025-08-28 15:41:54 +00:00
parent 489ac2c884
commit 38274ff979
3 changed files with 100 additions and 172 deletions
+22 -22
View File
@@ -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)'
}}
/>