Add global layout

with the ability to be overridden per-page
This commit is contained in:
AbdBarho
2022-12-28 10:03:03 +01:00
parent 99bf737117
commit 072190145b
12 changed files with 147 additions and 228 deletions
+2 -8
View File
@@ -1,14 +1,8 @@
import Link from "next/link";
import Image from "next/image";
export function AuthLayout({ children }) {
return (
<main className="flex items-center justify-center min-h-full overflow-hidden pt-16 sm:py-28 subpixel-antialiased">
<main className="flex items-center justify-center sm:py-4 subpixel-antialiased">
<div className="flex items-center w-full max-w-2xl flex-col px-4 sm:px-6">
<Link href="/" aria-label="Home" className="flex items-center text-3xl font-bold text-black">
<Image src="/images/logos/logo.svg" width="100" height="100" alt="Open Assistant Logo" /> Open Assistant
</Link>
<div className="flex-auto items-center justify-center w-full py-10 px-4 sm:mx-0 sm:flex-none sm:rounded-2xl sm:p-20">
<div className="flex-auto items-center justify-center w-full py-10 px-4 sm:mx-0 sm:flex-none sm:rounded-2xl sm:p-4">
{children}
</div>
</div>