nezha_dash/app/[locale]/(main)/layout.tsx
2024-09-26 12:33:19 +08:00

19 lines
513 B
TypeScript

import React from "react";
import Header from "@/app/[locale]/(main)/header";
import Footer from "./footer";
type DashboardProps = {
children: React.ReactNode;
};
export default function MainLayout({ children }: DashboardProps) {
return (
<div className="flex min-h-screen w-full flex-col">
<main className="flex min-h-[calc(100vh_-_theme(spacing.16))] flex-1 flex-col gap-4 bg-muted/40 p-4 md:p-10 md:pt-8">
<Header />
{children}
<Footer />
</main>
</div>
);
}