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

Increase the size of background logo elements by tenfold

Browse Source 
Update CSS properties for `<img>` tags displaying background logos in the search header, home page, and footer components by multiplying their width and height values by 10.

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/x4GGclj
This commit is contained in:
sebastjanartic 2025-08-28 15:48:37 +00:00
parent 0fe8fa5ae7
commit b2ff3d7dbf
2 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/components/search-header.tsx
View File

@ -45,7 +45,7 @@ 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 - img elementi */}
{/* go4.video logoti v headerju - ogromni 10x */}
<img
src={go4LogoPath}
alt=""
@ -54,8 +54,8 @@ export default function SearchHeader({
top: '5px',
right: '20%',
transform: 'rotate(-15deg)',
width: '180px',
height: '90px',
width: '1800px',
height: '900px',
pointerEvents: 'none',
zIndex: -2,
opacity: 0.3,
@ -70,8 +70,8 @@ export default function SearchHeader({
top: '8px',
left: '25%',
transform: 'rotate(25deg)',
width: '160px',
height: '80px',
width: '1600px',
height: '800px',
pointerEvents: 'none',
zIndex: -2,
opacity: 0.25,

36
client/src/pages/home.tsx
View File

@ -86,7 +86,7 @@ export default function Home() {
<main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 relative">
{/* Background logo decorations - fiksni veliki go4.video logoti v ozadju */}
{/* Veliki logoti z img elementi namesto backgroundImage */}
{/* Ogromni logoti po 10x povečani */}
<img
src={go4LogoPath}
alt=""
@ -95,8 +95,8 @@ export default function Home() {
top: '10%',
left: '5%',
transform: 'rotate(-25deg)',
width: '400px',
height: '200px',
width: '4000px',
height: '2000px',
pointerEvents: 'none',
zIndex: -5,
opacity: 0.4,
@ -111,8 +111,8 @@ export default function Home() {
top: '15%',
right: '5%',
transform: 'rotate(30deg)',
width: '350px',
height: '175px',
width: '3500px',
height: '1750px',
pointerEvents: 'none',
zIndex: -5,
opacity: 0.35,
@ -127,8 +127,8 @@ export default function Home() {
top: '50%',
left: '2%',
transform: 'rotate(18deg)',
width: '380px',
height: '190px',
width: '3800px',
height: '1900px',
pointerEvents: 'none',
zIndex: -5,
opacity: 0.3,
@ -143,8 +143,8 @@ export default function Home() {
top: '55%',
right: '3%',
transform: 'rotate(-35deg)',
width: '320px',
height: '160px',
width: '3200px',
height: '1600px',
pointerEvents: 'none',
zIndex: -5,
opacity: 0.25,
@ -159,8 +159,8 @@ export default function Home() {
bottom: '10%',
left: '8%',
transform: 'rotate(-15deg)',
width: '360px',
height: '180px',
width: '3600px',
height: '1800px',
pointerEvents: 'none',
zIndex: -5,
opacity: 0.2,
@ -175,8 +175,8 @@ export default function Home() {
bottom: '15%',
right: '6%',
transform: 'rotate(22deg)',
width: '300px',
height: '150px',
width: '3000px',
height: '1500px',
pointerEvents: 'none',
zIndex: -5,
opacity: 0.15,
@ -203,7 +203,7 @@ export default function Home() {
{/* Footer with large triangle design */}
<footer className="bunny-gray border-t border-white/20 mt-16 relative overflow-hidden">
{/* go4.video logoti v footerju - img elementi */}
{/* go4.video logoti v footerju - ogromni 10x */}
<img
src={go4LogoPath}
alt=""
@ -212,8 +212,8 @@ export default function Home() {
top: '15px',
right: '10%',
transform: 'rotate(-20deg)',
width: '200px',
height: '100px',
width: '2000px',
height: '1000px',
pointerEvents: 'none',
zIndex: -2,
opacity: 0.4,
@ -228,8 +228,8 @@ export default function Home() {
bottom: '15px',
left: '8%',
transform: 'rotate(30deg)',
width: '180px',
height: '90px',
width: '1800px',
height: '900px',
pointerEvents: 'none',
zIndex: -2,
opacity: 0.35,