ourworld_web/www_mycelium_cloud2
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: enhance mobile nav menu with blur backdrop and improve heading semantics

Browse Source
This commit is contained in:
sasha-astiadi
2025-09-12 19:31:11 +02:00
parent eb4b3c10b2
commit 92e5c36ddc
4 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Header.tsx
View File

@@ -92,7 +92,7 @@ export function Header() {
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
className="fixed inset-0 z-0 bg-transparent"
className="fixed inset-0 z-0 bg-slate-300/60 backdrop-blur"
/>
<PopoverPanel
static
@@ -104,7 +104,7 @@ export function Header() {
y: -32,
transition: { duration: 0.2 },
}}
className="absolute inset-x-0 top-0 z-0 origin-top rounded-b-2xl bg-transparent px-6 pt-32 pb-6"
className="absolute inset-x-0 top-0 z-0 origin-top rounded-b-2xl bg-white px-6 pt-32 pb-6 shadow-2xl shadow-gray-900/20"
>
<div className="space-y-4">
<MobileNavLink href="/#about">