Organize/app/(auth)/layout.tsx

18 lines
673 B
TypeScript

import { NotebookPen } from "lucide-react";
export default function AuthLayout({ children }: { children: React.ReactNode }) {
return (
<div className="flex min-h-screen items-center justify-center bg-muted/30 p-4">
<div className="w-full max-w-sm">
<div className="mb-8 flex flex-col items-center gap-3">
<span className="flex size-12 items-center justify-center rounded-2xl bg-primary text-primary-foreground shadow-md">
<NotebookPen className="size-6" />
</span>
<span className="font-heading text-xl font-bold tracking-tight">Organize</span>
</div>
{children}
</div>
</div>
);
}