fix bug auth pages

This commit is contained in:
Alihaghighattalab
2024-08-06 11:51:55 +03:30
parent d7b66b11a0
commit 66c89cf14f
13 changed files with 14 additions and 13 deletions
@@ -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">
+1 -1
View File
@@ -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">
+1 -1
View File
@@ -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">
+1 -1
View File
@@ -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>
)