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:
JeffEmmett 2025-06-14 16:10:05 +00:00
parent 5a0d83ea06
commit 42604f25d5
1 changed files with 2 additions and 2 deletions

View File

@ -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>