nezha_dash/app/[locale]/(main)/layout.tsx
2024-09-26 10:23:56 +08:00

18 lines
536 B
TypeScript

import { useTranslations } from 'next-intl';
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>;
}