blog.hangerthem.com/app/layout.tsx

45 lines
1,009 B
TypeScript

import { Geist, Geist_Mono } from 'next/font/google'
import './globals.css'
import { Metadata } from 'next'
import meta from '@/const/meta'
import Script from 'next/script'
import { Sidebar } from '@/components/layout/Sidebar'
const geistSans = Geist({
variable: '--font-geist-sans',
subsets: ['latin'],
})
const geistMono = Geist_Mono({
variable: '--font-geist-mono',
subsets: ['latin'],
})
export const metadata: Metadata = {
title: meta.title,
description: meta.description,
creator: meta.creator,
}
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode
}>) {
return (
<html
lang="en"
className={`${geistSans.variable} ${geistMono.variable} h-full antialiased no-js`}
>
<Script
dangerouslySetInnerHTML={{
__html: `document.documentElement.classList.replace('no-js','js')`,
}}
/>
<body className="min-h-full flex">
<Sidebar />
{children}
</body>
</html>
)
}