max.olchov/HifiPlanet-Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make the logo's backing translucent instead of solid white over the hero

Browse source 
The logo has a transparent PNG background with a dark-gray wordmark,
so it needs a light backing to stay readable over the dark hero photo
- switched from solid white to a translucent frosted white (bg-white/50
+ backdrop-blur) so it reads darker/toned-down while keeping contrast.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Maaxxs 2026-07-06 18:58:28 +02:00
parent 52bfd3791b
commit 3b32d851a1
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
hifi-src/src/components/Navbar.jsx
View file

@ -107,7 +107,7 @@ export default function Navbar() {
</button> </button>
</div> </div>
<Link to="/" className={`flex items-center justify-self-center rounded-lg px-2 py-1 dark:bg-white ${transparent ? 'bg-white' : ''}`}> <Link to="/" className={`flex items-center justify-self-center rounded-lg px-2 py-1 dark:bg-white ${transparent ? 'bg-white/50 backdrop-blur-sm' : ''}`}>
<img src={logo} alt="HifiPlanet" className="h-14 w-auto sm:h-16" /> <img src={logo} alt="HifiPlanet" className="h-14 w-auto sm:h-16" />
</Link> </Link>