Seazn/profit-planet-frontend
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

beautify: fixed gray overlay in header when on dashboard site

Browse Source
This commit is contained in:
DeathKaioken 2025-10-16 06:47:09 +02:00
parent e01a0e2792
commit 0fdd727821
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/components/nav/Header.tsx
View File

@ -108,9 +108,11 @@ export default function Header() {
<header <header
className="relative isolate z-10 border-b border-white/10 shadow-lg shadow-black/30 after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:bg-[radial-gradient(circle_at_20%_20%,rgba(56,124,255,0.18),transparent_55%),radial-gradient(circle_at_80%_35%,rgba(139,92,246,0.16),transparent_60%)]" className="relative isolate z-10 border-b border-white/10 shadow-lg shadow-black/30 after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:bg-[radial-gradient(circle_at_20%_20%,rgba(56,124,255,0.18),transparent_55%),radial-gradient(circle_at_80%_35%,rgba(139,92,246,0.16),transparent_60%)]"
style={{ style={{
background: 'linear-gradient(135deg, rgba(15,29,55,0.78) 0%, rgba(10,22,42,0.72) 50%, rgba(8,18,36,0.78) 100%)', // Opaque gradient so page background doesn't shine through
backdropFilter: 'blur(18px) saturate(170%)', background: 'linear-gradient(135deg, #0F1D37 0%, #0A162A 50%, #081224 100%)',
WebkitBackdropFilter: 'blur(18px) saturate(170%)' // Remove blur to avoid backdrop mixing effects
// backdropFilter: 'blur(18px) saturate(170%)',
// WebkitBackdropFilter: 'blur(18px) saturate(170%)'
}} }}
> >
<nav aria-label="Global" className="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8"> <nav aria-label="Global" className="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8">