blogpop/app/layout.tsx

32 lines
1.1 KiB
TypeScript
Raw Normal View History

import "./globals.css"
2025-01-15 02:09:43 -05:00
import { cn } from "@/lib/utils"
import { GeistSans } from "geist/font/sans"
import { Navbar } from "@/components/navigation/Navbar"
import { SidebarProvider } from "@/context/SidebarContext"
import ClientNav from "@/components/navigation/ClientNav"
2025-01-15 02:09:43 -05:00
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<html lang="en" className={cn("bg-background font-sans antialiased", GeistSans.className)} suppressHydrationWarning>
2025-01-15 02:09:43 -05:00
<body className="min-h-screen bg-background font-sans antialiased">
<SidebarProvider>
<div className="relative flex min-h-screen flex-col">
<Navbar />
<div className="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">
<ClientNav />
<main className="relative flex w-full flex-col overflow-hidden px-6 pr-7 py-6 sm:px-8 sm:pr-13 md:px-14 md:pr-7 lg:px-16 lg:pr-11">
{children}
</main>
</div>
2025-01-15 02:09:43 -05:00
</div>
</SidebarProvider>
2025-01-15 02:09:43 -05:00
</body>
</html>
)
}