Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | 3x | import type { ReactNode } from "react";
import AppNavbar from "../../components/Nav/AppNavbar";
import Footer from "../../components/Nav/Footer";
interface BasicLayoutProps {
children: ReactNode;
}
export default function BasicLayout({ children }: BasicLayoutProps) {
return (
<div
style={{
minHeight: "100svh",
display: "flex",
flexDirection: "column",
}}
>
<AppNavbar />
<main
style={{
width: "1126px",
maxWidth: "100%",
margin: "0 auto",
borderInline: "1px solid var(--border)",
background: "#f7ede1",
flex: 1,
minHeight: 0,
display: "flex",
flexDirection: "column",
}}
>
{children}
</main>
<Footer />
</div>
);
}
|