styles: restyle docs nav

kevinwolfcr · Sep 6, 2023 · bb195b8 · bb195b8 · vercel · Sep 6, 2023
1 parent 350bb36
commit bb195b8
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/app/docs/[project]/[[...slug]]/_components/docs-nav/docs-nav.component.tsx b/src/app/docs/[project]/[[...slug]]/_components/docs-nav/docs-nav.component.tsx
@@ -42,8 +42,8 @@ export function DocsNav({ title, repo, menus }: DocsNavProps) {
     >
       {({ setIsExpanded }) =>
         menus.map((menu) => (
-          <div key={menu.href} className="w-full flex flex-col gap-2 mb-3">
-            <h4 className="typography-2 font-medium">{menu.label}</h4>
+          <div key={menu.href} className="w-full flex flex-col mb-3">
+            <h4 className="mb-1 typography-3 font-medium">{menu.label}</h4>
             {menu.items.map((item) => {
               const href = menu.href.concat(item.href)
 
@@ -53,7 +53,7 @@ export function DocsNav({ title, repo, menus }: DocsNavProps) {
                   href={href}
                   aria-current={href === pathname ? "page" : undefined}
                   aria-label={item.label}
-                  className="typography-2 text-dimmed hover:text-base aria-[current=page]:text-accent transition-colors"
+                  className="border-l border-base-6/50 typography-2 text-dimmed hover:text-base aria-[current=page]:text-base py-1 pl-3 transition-colors"
                   onClick={() => setIsExpanded(false)}
                 >
                   {item.label}