centering the signup form removing the left hidden div

This commit is contained in:
Rohit Sain 2023-08-02 15:20:39 +05:30
parent 651f984e52
commit d36f4fb447

View file

@ -12,7 +12,7 @@ export const metadata = {
export default function RegisterPage() {
return (
<div className="container grid h-screen w-screen flex-col items-center justify-center lg:max-w-none lg:grid-cols-2 lg:px-0">
<div className="container grid h-screen w-screen flex-col items-center justify-center lg:max-w-none lg:px-0"> {/* removing the lg:grid-cols-2 to not divide the screen space */}
<Link
href="/login"
className={cn(
@ -22,7 +22,7 @@ export default function RegisterPage() {
>
Login
</Link>
<div className="hidden h-full bg-muted lg:block" />
{/* <div className="hidden h-full w-1/2 lg:block" /> */} {/* removing the left div to make the whole screen for the form on the right */}
<div className="lg:p-8">
<div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
<div className="flex flex-col space-y-2 text-center">