mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-07-09 06:55:07 +00:00
22 lines
719 B
TypeScript
22 lines
719 B
TypeScript
import { docsConfig } from "@/config/docs"
|
|
import { DocsNav } from "@/components/docs-nav"
|
|
|
|
export default function DocsLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode
|
|
}) {
|
|
return (
|
|
<div className="container-wrapper">
|
|
<div className="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10">
|
|
<aside className="border-grid fixed top-14 z-30 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 border-r md:sticky md:block">
|
|
<div className="no-scrollbar h-full overflow-auto py-6 pr-4 lg:py-8">
|
|
<DocsNav config={docsConfig} />
|
|
</div>
|
|
</aside>
|
|
{children}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|