feat: enhance JSDoc cheatsheet with quick reference section and improve layout

Add a dedicated quick reference section to the JSDoc cheatsheet, streamline the layout for better readability, and adjust sidebar and table of contents styles for consistency.
This commit is contained in:
Luke Hagar
2025-09-19 17:44:47 +00:00
parent 82090541ed
commit d2c72f1250
4 changed files with 223 additions and 62 deletions

View File

@@ -8,7 +8,7 @@ import Link from "next/link"
import { usePathname } from "next/navigation"
const navigationItems = [
{ name: "Kitchen Sink", href: "/", icon: Home },
{ name: "Home", href: "/", icon: Home },
{ name: "Basic Tags", href: "/basic-tags", icon: Tag },
{ name: "Parameters", href: "/parameters", icon: Code },
{ name: "Types", href: "/type-definitions", icon: Hash },
@@ -25,9 +25,9 @@ export default function Sidebar() {
const pathname = usePathname()
return (
<aside className="w-64 bg-gradient-to-b from-card/95 to-card/90 backdrop-blur-sm border-r border-border/50 fixed left-0 top-16 h-[calc(100vh-4rem)] z-40 overflow-y-auto hidden lg:block shadow-2xl">
<div className="p-6">
<Card className="bg-card/80 border-border/30 shadow-lg backdrop-blur-sm">
<aside className="w-64 fixed left-0 top-16 h-[calc(100vh-4rem)] z-40 overflow-y-auto hidden lg:block">
<div className="p-2">
<Card className="bg-card/80 border-border/30 shadow-2xl">
<CardHeader className="pb-4 border-b border-border/20">
<CardTitle className="text-base text-foreground flex items-center gap-3 font-semibold">
<div className="p-2 rounded-lg bg-primary/10">