layout.tsx — tailwindcss Source File

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

File tsx Oxide PreProcessors 3 imports 1 functions

Entity Profile

Oxide→ PreProcessors→ layout.tsx — tailwindcss Source File

Dependency Diagram

graph LR
  0a953060_dc93_6651_1257_4111c67a96b0["layout.tsx"]
  42bf2aa9_148c_8b40_8748_97855c9f3cca["globals.css"]
  0a953060_dc93_6651_1257_4111c67a96b0 --> 42bf2aa9_148c_8b40_8748_97855c9f3cca
  9492c8fe_4962_db80_c2f4_5e6a3a3fd34a["next"]
  0a953060_dc93_6651_1257_4111c67a96b0 --> 9492c8fe_4962_db80_c2f4_5e6a3a3fd34a
  345b1930_330b_ebed_de76_ebdd1d489979["google"]
  0a953060_dc93_6651_1257_4111c67a96b0 --> 345b1930_330b_ebed_de76_ebdd1d489979
  style 0a953060_dc93_6651_1257_4111c67a96b0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import type { Metadata } from 'next'
import { Inter } from 'next/font/google'
import './globals.css'

const inter = Inter({ subsets: ['latin'] })

export const metadata: Metadata = {
  title: 'Create Next App',
  description: 'Generated by create next app',
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en" className="[&_h1]:font-thin">
      <head>{/* <script src="https://cdn.tailwindcss.com"></script> */}</head>
      <body className={inter.className}>{children}</body>
    </html>
  )
}