28 lines
657 B
TypeScript
28 lines
657 B
TypeScript
import { NextPage } from "next";
|
|
import { ReactNode } from "react";
|
|
|
|
const AuthLayout: NextPage<
|
|
Readonly<{
|
|
children: React.ReactNode;
|
|
}>
|
|
> = ({ children }) => (
|
|
<div
|
|
className="hero min-h-screen"
|
|
style={{
|
|
backgroundImage:
|
|
"url(https://img.daisyui.com/images/stock/photo-1507358522600-9f71e620c44e.webp)",
|
|
}}
|
|
>
|
|
<div className="hero-overlay bg-opacity-60"></div>
|
|
<div className="hero-content text-neutral-content text-center ">
|
|
<div className="max-w-lg">
|
|
<div className="card bg-base-100 w-full min-w-[500px] shadow-2xl max-md:min-w-[400px]">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
|
|
export default AuthLayout;
|