memos/web/src/layouts/Root.tsx

22 lines
680 B
TypeScript

import { Outlet } from "react-router-dom";
import Header from "@/components/Header";
import UpgradeVersionBanner from "@/components/UpgradeVersionBanner";
function Root() {
return (
<div className="w-full min-h-full bg-zinc-100 dark:bg-zinc-800">
<div className="w-full h-auto flex flex-col justify-start items-center">
<UpgradeVersionBanner />
</div>
<div className="w-full max-w-6xl mx-auto flex flex-row justify-center items-start">
<Header />
<main className="w-auto max-w-full flex-grow shrink flex flex-col justify-start items-start">
<Outlet />
</main>
</div>
</div>
);
}
export default Root;