1
0
cvsa/packages/temp_frontend/app/components/Layout.tsx

29 lines
764 B
TypeScript

import { Search } from "./Search";
export function Layout({ children }: { children?: React.ReactNode }) {
return (
<div className="w-screen min-h-screen relative left-0 top-0 flex justify-center">
<main className="w-full max-sm:mx-6 pt-14 sm:w-xl xl:w-2xl">
<a href="/">
<h1 className="text-4xl mb-5">V档案馆</h1>
</a>
<Search />
{children}
</main>
</div>
);
}
export function LayoutWithouSearch({ children }: { children?: React.ReactNode }) {
return (
<div className="w-screen min-h-screen relative left-0 top-0 flex justify-center">
<main className="w-full max-sm:mx-6 pt-14 sm:w-xl xl:w-2xl">
<a href="/">
<h1 className="text-4xl mb-5">V档案馆</h1>
</a>
{children}
</main>
</div>
);
}