fix bug auth pages
This commit is contained in:
@@ -19,7 +19,7 @@ export const ForgotPasswordForm = () => {
|
||||
|
||||
return (
|
||||
<form onSubmit={handleSubmit(handleForgotSubmit)}
|
||||
className="w-fit xl:w-1/2 xl:p-0 p-10 flex flex-col bg-auth-form justify-center items-center gap-y-[42px] rounded-3xl">
|
||||
className="w-full sm:w-fit sm:min-w-[500px] xl:w-1/2 xl:p-0 p-10 flex flex-col bg-auth-form justify-center items-center gap-y-[42px] rounded-3xl">
|
||||
<img src="/svgs/logo/logo.svg" alt="logo" className="auth-logo-size" />
|
||||
<div className="flex flex-col xl:-mr-24 w-full md:w-[400px]">
|
||||
<div className="flex flex-col gap-y-5">
|
||||
|
||||
@@ -20,7 +20,7 @@ export const LoginForm = () => {
|
||||
}
|
||||
return (
|
||||
<form onSubmit={handleSubmit(handleLoginSubmit)}
|
||||
className="w-fit sm:min-w-[500px] xl:w-1/2 xl:p-0 p-10 flex flex-col bg-auth-form justify-center items-center gap-y-[42px] rounded-3xl">
|
||||
className="w-full sm:w-fit sm:min-w-[500px] xl:w-1/2 xl:p-0 p-10 flex flex-col bg-auth-form justify-center items-center gap-y-[42px] rounded-3xl">
|
||||
<img src="/svgs/logo/logo.svg" alt="logo" className="auth-logo-size" />
|
||||
<div className="flex flex-col xl:-mr-24 w-full md:w-[400px]">
|
||||
<div className="flex flex-col gap-y-5">
|
||||
|
||||
@@ -16,7 +16,7 @@ export const LoginWithCodeForm = () => {
|
||||
}
|
||||
return (
|
||||
<form onSubmit={handleSubmit(handleLoginWithCode)}
|
||||
className="w-fit xl:w-1/2 xl:p-0 p-10 flex flex-col bg-auth-form justify-center items-center gap-y-[42px] rounded-3xl">
|
||||
className="w-full sm:w-fit sm:min-w-[500px] xl:w-1/2 xl:p-0 p-10 flex flex-col bg-auth-form justify-center items-center gap-y-[42px] rounded-3xl">
|
||||
<img src="/svgs/logo/logo.svg" alt="logo" className="auth-logo-size" />
|
||||
<div className="flex flex-col xl:-mr-24 w-full md:w-[400px]">
|
||||
<div className="flex flex-col gap-y-5">
|
||||
|
||||
@@ -17,7 +17,7 @@ export const RegisterForm = () => {
|
||||
}
|
||||
return (
|
||||
<form onSubmit={handleSubmit(handleRegister)}
|
||||
className="w-fit sm:min-w-[500px] max-h-full overflow-y-auto xl:w-1/2 xl:p-0 xl:py-5 p-10 flex flex-col bg-auth-form items-center gap-y-[42px] rounded-3x rounded-3xl">
|
||||
className="w-full sm:w-fit sm:min-w-[500px] max-h-screen overflow-y-auto xl:w-1/2 xl:p-0 xl:py-5 p-10 flex flex-col bg-auth-form items-center gap-y-[42px] rounded-3x rounded-3xl">
|
||||
<img src="/svgs/logo/logo.svg" alt="logo" className="auth-logo-size" />
|
||||
<div className="flex flex-col w-full md:w-[400px]">
|
||||
<div className="flex flex-col gap-y-5">
|
||||
|
||||
@@ -3,7 +3,7 @@ import { Outlet } from "react-router-dom"
|
||||
export const AuthLayout = () => {
|
||||
return (
|
||||
<section
|
||||
className="flex flex-row h-screen p-5 justify-center items-center xl:justify-stretch xl:items-stretch max-h-[750px]">
|
||||
className="flex flex-row min-h-screen p-5 justify-center items-center xl:justify-stretch xl:items-stretch max-h-[750px] overflow-y-hidden">
|
||||
<Outlet />
|
||||
</section>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user