layout.tsx — ui Source File

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

File tsx DocumentationAtlas Changelog 2 imports 1 functions

Entity Profile

DocumentationAtlas→ Changelog→ layout.tsx — ui Source File

Dependency Diagram

graph LR
  0366394a_3639_eb36_6115_2fa7a938d6bc["layout.tsx"]
  9d48b603_1f13_93fc_e3e5_727b9e34c20c["site-footer"]
  0366394a_3639_eb36_6115_2fa7a938d6bc --> 9d48b603_1f13_93fc_e3e5_727b9e34c20c
  603708c1_2d4c_fa15_95c8_f78fc8f0e152["site-header"]
  0366394a_3639_eb36_6115_2fa7a938d6bc --> 603708c1_2d4c_fa15_95c8_f78fc8f0e152
  style 0366394a_3639_eb36_6115_2fa7a938d6bc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { SiteFooter } from "@/components/site-footer"
import { SiteHeader } from "@/components/site-header"

export default function AppLayout({ children }: { children: React.ReactNode }) {
  return (
    <div
      data-slot="layout"
      className="bg-background relative z-10 flex min-h-svh flex-col"
    >
      <SiteHeader />
      <main className="flex flex-1 flex-col">{children}</main>
      <SiteFooter />
    </div>
  )
}