forked from veda/www_veda_2025
feat: update mobile navigation styling for dark theme
- Changed mobile menu icon color from slate-700 to white for better contrast - Updated mobile navigation panel background to use dark translucent style with backdrop blur - Removed rounded corners and shadow effects from mobile menu panel - Modified text color in mobile navigation to white to match dark theme
This commit is contained in:
@@ -26,7 +26,7 @@ function MobileNavIcon({ open }) {
|
|||||||
return (
|
return (
|
||||||
<svg
|
<svg
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
className="h-3.5 w-3.5 overflow-visible stroke-slate-700"
|
className="h-3.5 w-3.5 overflow-visible stroke-white"
|
||||||
fill="none"
|
fill="none"
|
||||||
strokeWidth={2}
|
strokeWidth={2}
|
||||||
strokeLinecap="round"
|
strokeLinecap="round"
|
||||||
@@ -64,7 +64,7 @@ function MobileNavigation() {
|
|||||||
/>
|
/>
|
||||||
<PopoverPanel
|
<PopoverPanel
|
||||||
transition
|
transition
|
||||||
className="absolute inset-x-0 top-full mt-4 flex origin-top flex-col rounded-lg bg-white p-4 text-lg tracking-tight text-slate-900 shadow-xl ring-1 ring-slate-900/5 data-[closed]:scale-95 data-[closed]:opacity-0 data-[enter]:duration-150 data-[leave]:duration-100 data-[enter]:ease-out data-[leave]:ease-in"
|
className="absolute inset-x-0 top-full flex origin-top flex-col bg-black/10 p-4 text-lg tracking-tight text-white backdrop-blur-sm data-[closed]:scale-95 data-[closed]:opacity-0 data-[enter]:duration-150 data-[leave]:duration-100 data-[enter]:ease-out data-[leave]:ease-in"
|
||||||
>
|
>
|
||||||
<MobileNavLink href="/">MENUS</MobileNavLink>
|
<MobileNavLink href="/">MENUS</MobileNavLink>
|
||||||
<MobileNavLink href="/story">STORY</MobileNavLink>
|
<MobileNavLink href="/story">STORY</MobileNavLink>
|
||||||
|
|||||||
Reference in New Issue
Block a user