layout.tsx — ui Source File

Architecture documentation for layout.tsx, a tsx file in the ui codebase. 3 imports, 0 dependents.

File tsx DocumentationAtlas Changelog 3 imports 1 functions

Entity Profile

DocumentationAtlas→ Changelog→ layout.tsx — ui Source File

Dependency Diagram

graph LR
  541868af_dadb_399d_0098_13e4e94fc298["layout.tsx"]
  b5f7acc2_8550_f8f0_0425_a71c6d434acd["source"]
  541868af_dadb_399d_0098_13e4e94fc298 --> b5f7acc2_8550_f8f0_0425_a71c6d434acd
  71f12690_0962_901c_2d95_d7b74b01da53["docs-sidebar"]
  541868af_dadb_399d_0098_13e4e94fc298 --> 71f12690_0962_901c_2d95_d7b74b01da53
  12632a83_ef01_5f03_4110_ed33d49893b7["sidebar"]
  541868af_dadb_399d_0098_13e4e94fc298 --> 12632a83_ef01_5f03_4110_ed33d49893b7
  style 541868af_dadb_399d_0098_13e4e94fc298 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { source } from "@/lib/source"
import { DocsSidebar } from "@/components/docs-sidebar"
import { SidebarProvider } from "@/registry/new-york-v4/ui/sidebar"

export default function DocsLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <div className="container-wrapper flex flex-1 flex-col px-2">
      <SidebarProvider
        className="3xl:fixed:container 3xl:fixed:px-3 min-h-min flex-1 items-start px-0 [--top-spacing:0] lg:grid lg:grid-cols-[var(--sidebar-width)_minmax(0,1fr)] lg:[--top-spacing:calc(var(--spacing)*4)]"
        style={
          {
            "--sidebar-width": "calc(var(--spacing) * 72)",
          } as React.CSSProperties
        }
      >
        <DocsSidebar tree={source.pageTree} />
        <div className="h-full w-full">{children}</div>
      </SidebarProvider>
    </div>
  )
}