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

Increase size and reposition background logos with varied rotations

Browse Source 
Adjusts dimensions, positions, and rotation angles of background logos for improved visibility and aesthetic placement across different screen areas.

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/W476LqQ
This commit is contained in:
sebastjanartic
2025-08-28 15:43:22 +00:00
parent 38274ff979
commit 0998b6daf6
2 changed files with 164 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/search-header.tsx
+31 -13
View File
@@ -45,41 +45,59 @@ 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 - bolj vidni */}
{/* go4.video logoti v headerju - veliki in vidni */}
<div
style={{
position: 'absolute',
top: '5px',
right: '8%',
top: '2px',
right: '15%',
transform: 'rotate(-15deg)',
width: '140px',
height: '70px',
width: '200px',
height: '100px',
backgroundImage: `url(${go4LogoPath})`,
backgroundSize: 'contain',
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center',
pointerEvents: 'none',
zIndex: 1,
opacity: 0.4,
filter: 'blur(0.3px)'
opacity: 0.7,
filter: 'blur(0.1px)'
}}
/>
<div
style={{
position: 'absolute',
top: '5px',
left: '20%',
transform: 'rotate(25deg)',
width: '180px',
height: '90px',
backgroundImage: `url(${go4LogoPath})`,
backgroundSize: 'contain',
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center',
pointerEvents: 'none',
zIndex: 1,
opacity: 0.65,
filter: 'blur(0.1px)'
}}
/>
<div
style={{
position: 'absolute',
top: '8px',
left: '12%',
transform: 'rotate(25deg)',
width: '120px',
height: '60px',
right: '45%',
transform: 'rotate(-35deg)',
width: '160px',
height: '80px',
backgroundImage: `url(${go4LogoPath})`,
backgroundSize: 'contain',
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center',
pointerEvents: 'none',
zIndex: 1,
opacity: 0.35,
filter: 'blur(0.3px)'
opacity: 0.6,
filter: 'blur(0.1px)'
}}
/>