refactor: extract dashboard layout under /(dashboard)

add-signin-page
Meng Zhang 2023-12-05 14:20:12 +08:00
parent 74f81cb02a
commit 62b10f3723
2 changed files with 8 additions and 3 deletions

View File

@ -1,5 +1,6 @@
import { Metadata } from 'next' import { Metadata } from 'next'
import Sidebar from './components/sidebar' import Sidebar from './components/sidebar'
import { Header } from '@/components/header'
export const metadata: Metadata = { export const metadata: Metadata = {
title: 'Dashboard' title: 'Dashboard'
@ -10,5 +11,10 @@ interface DashboardLayoutProps {
} }
export default function RootLayout({ children }: DashboardLayoutProps) { export default function RootLayout({ children }: DashboardLayoutProps) {
return <Sidebar className="flex-1">{children}</Sidebar> return <>
<Header />
<main className="bg-muted/50 flex flex-1 flex-col">
<Sidebar className="flex-1">{children}</Sidebar>
</main>
</>
} }

View File

@ -39,8 +39,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
<Toaster /> <Toaster />
<Providers attribute="class" defaultTheme="system" enableSystem> <Providers attribute="class" defaultTheme="system" enableSystem>
<div className="flex min-h-screen flex-col"> <div className="flex min-h-screen flex-col">
<Header /> {children}
<main className="bg-muted/50 flex flex-1 flex-col">{children}</main>
</div> </div>
<TailwindIndicator /> <TailwindIndicator />
</Providers> </Providers>