From c1ae5a57cc55425b34665fe221d03a2c42cc202f Mon Sep 17 00:00:00 2001
From: shadcn <m@shadcn.com>
Date: Wed, 6 Nov 2024 17:29:53 +0400
Subject: [PATCH] feat(www): nav color

---
 apps/www/app/(app)/docs/[[...slug]]/page.tsx | 1 -
 apps/www/components/sidebar-nav.tsx          | 8 +++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/apps/www/app/(app)/docs/[[...slug]]/page.tsx b/apps/www/app/(app)/docs/[[...slug]]/page.tsx
index ddc585bb1d..eaa6d7a0f4 100644
--- a/apps/www/app/(app)/docs/[[...slug]]/page.tsx
+++ b/apps/www/app/(app)/docs/[[...slug]]/page.tsx
@@ -15,7 +15,6 @@ import { OpenInV0Cta } from "@/components/open-in-v0-cta"
 import { DocsPager } from "@/components/pager"
 import { DashboardTableOfContents } from "@/components/toc"
 import { badgeVariants } from "@/registry/new-york/ui/badge"
-import { ScrollArea } from "@/registry/new-york/ui/scroll-area"
 
 interface DocPageProps {
   params: {
diff --git a/apps/www/components/sidebar-nav.tsx b/apps/www/components/sidebar-nav.tsx
index 747a9670e3..1bc6911165 100644
--- a/apps/www/components/sidebar-nav.tsx
+++ b/apps/www/components/sidebar-nav.tsx
@@ -44,18 +44,16 @@ export function DocsSidebarNavItems({
   pathname,
 }: DocsSidebarNavItemsProps) {
   return items?.length ? (
-    <div className="grid grid-flow-row auto-rows-max text-sm">
+    <div className="grid grid-flow-row auto-rows-max gap-0.5 text-sm">
       {items.map((item, index) =>
         item.href && !item.disabled ? (
           <Link
             key={index}
             href={item.href}
             className={cn(
-              "group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline",
+              "group flex w-full items-center px-2 py-1 font-normal text-foreground hover:underline underline-offset-2",
               item.disabled && "cursor-not-allowed opacity-60",
-              pathname === item.href
-                ? "font-medium text-foreground"
-                : "text-muted-foreground"
+              pathname === item.href && "underline"
             )}
             target={item.external ? "_blank" : ""}
             rel={item.external ? "noreferrer" : ""}