Improve menu visibility by changing the background color to teal
Updates SheetContent component to use a teal background and white text color. Replit-Commit-Author: Agent Replit-Commit-Session-Id: e4277a6e-587a-496e-8663-733446748f62 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/74842324-d0bf-4b53-adca-aadd34bc7a79.jpg
This commit is contained in:
parent
5a0d83ea06
commit
42604f25d5
|
|
@ -57,13 +57,13 @@ export default function Header() {
|
||||||
<Menu className="h-6 w-6" />
|
<Menu className="h-6 w-6" />
|
||||||
</button>
|
</button>
|
||||||
</SheetTrigger>
|
</SheetTrigger>
|
||||||
<SheetContent side="right" className="w-[300px] sm:w-[400px]">
|
<SheetContent side="right" className="w-[300px] sm:w-[400px] bg-teal">
|
||||||
<div className="px-2 pt-2 pb-4 space-y-1 sm:px-3">
|
<div className="px-2 pt-2 pb-4 space-y-1 sm:px-3">
|
||||||
{navLinks.map((link) => (
|
{navLinks.map((link) => (
|
||||||
<SheetClose asChild key={link.path}>
|
<SheetClose asChild key={link.path}>
|
||||||
<Link
|
<Link
|
||||||
href={link.path}
|
href={link.path}
|
||||||
className={`block px-3 py-2 text-base font-medium ${isActive(link.path)}`}
|
className={`block px-3 py-2 text-base font-medium text-white hover:text-white hover:text-opacity-80`}
|
||||||
>
|
>
|
||||||
{link.name}
|
{link.name}
|
||||||
</Link>
|
</Link>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue