33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
import { GalleryVerticalEnd } from "lucide-react";
|
|
|
|
import { LoginForm } from "#dashboard/components/forms/login-form";
|
|
|
|
export default function LoginPage() {
|
|
return (
|
|
<div className="grid min-h-svh lg:grid-cols-2">
|
|
<div className="flex flex-col gap-4 p-6 md:p-10">
|
|
<div className="flex justify-center gap-2 md:justify-start">
|
|
<a className="flex items-center gap-2 font-medium" href="#">
|
|
<div className="bg-primary text-primary-foreground flex size-6 items-center justify-center rounded-md">
|
|
<GalleryVerticalEnd className="size-4" />
|
|
</div>
|
|
Acme Inc.
|
|
</a>
|
|
</div>
|
|
<div className="flex flex-1 items-center justify-center">
|
|
<div className="w-full max-w-xs">
|
|
<LoginForm />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="bg-muted relative hidden lg:block">
|
|
<img
|
|
alt="verification placeholder"
|
|
className="absolute inset-0 h-full w-full object-cover dark:brightness-[0.2] dark:grayscale"
|
|
src="/placeholder.svg"
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|