From 5d24b1d5c46c36b06ab152b65cd1d2561ce43909 Mon Sep 17 00:00:00 2001
From: Alihaghighattalab <alihtofficial@gmail.com>
Date: Mon, 5 Aug 2024 19:21:46 +0330
Subject: [PATCH] fix bug

---
 src/components/common/combo-box.tsx           | 2 +-
 src/components/common/input.tsx               | 4 ++--
 src/components/forms/forgot-password-form.tsx | 2 +-
 src/components/forms/login-form.tsx           | 2 +-
 src/components/forms/login-with-code-form.tsx | 2 +-
 src/components/forms/register-form.tsx        | 9 ++++++---
 src/components/forms/reset-password.form.tsx  | 2 +-
 7 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/common/combo-box.tsx b/src/components/common/combo-box.tsx
index 0279a3f..5ac9f1a 100644
--- a/src/components/common/combo-box.tsx
+++ b/src/components/common/combo-box.tsx
@@ -23,7 +23,7 @@ export const ComboBox = () => {
 
     return (
         <Combobox value={selected} onChange={(value: any) => setSelected(value)} onClose={() => setQuery('')}>
-            <div className="relative w-full min-w-full lg:min-w-[200px] lg:max-w-[200px]">
+            <div className="relative w-full">
                 <ComboboxInput
                     className="input-style"
                     displayValue={(person: any) => person?.name}
diff --git a/src/components/common/input.tsx b/src/components/common/input.tsx
index f947059..5b23d5b 100644
--- a/src/components/common/input.tsx
+++ b/src/components/common/input.tsx
@@ -10,11 +10,11 @@ type Props = {
     field?: any
 }
 
-export const Input: FC<Props> = ({ placeholder, type = "text", icon, field }) => {
+export const Input: FC<Props> = ({ placeholder, type = "text", icon, field, style }) => {
     const [hidden, setHidden] = useState<boolean>(false)
     const handleHidden = () => setHidden(prev => !prev)
     return (
-        <div className="relative w-full min-w-[250px] sm:min-w-[400px]">
+        <div className={`relative w-full !${style}`}>
             <div className="absolute top-[18.5px] left-5 grid h-5 w-5 place-items-center text-blue-gray-500">
                 {type === "password" ?
                     !hidden ? <Eye size="23" color="#777577" onClick={handleHidden} /> : <EyeSlash size="23" color="#777577" onClick={handleHidden} />
diff --git a/src/components/forms/forgot-password-form.tsx b/src/components/forms/forgot-password-form.tsx
index 362e52d..0639d8f 100644
--- a/src/components/forms/forgot-password-form.tsx
+++ b/src/components/forms/forgot-password-form.tsx
@@ -21,7 +21,7 @@ export const ForgotPasswordForm = () => {
         <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">
             <img src="/svgs/logo/logo.svg" alt="logo" className="auth-logo-size" />
-            <div className="flex flex-col xl:-mr-24">
+            <div className="flex flex-col xl:-mr-24 w-full md:w-[400px]">
                 <div className="flex flex-col gap-y-5">
                     <span className="font-medium text-lg md:text-2xl xl:text-3xl text-primary-text-color">فراموشی رمز عبور</span>
                     <div className="flex flex-row gap-x-0.5 items-center">
diff --git a/src/components/forms/login-form.tsx b/src/components/forms/login-form.tsx
index 06d29c0..e81d047 100644
--- a/src/components/forms/login-form.tsx
+++ b/src/components/forms/login-form.tsx
@@ -22,7 +22,7 @@ export const LoginForm = () => {
         <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">
             <img src="/svgs/logo/logo.svg" alt="logo" className="auth-logo-size" />
-            <div className="flex flex-col xl:-mr-24">
+            <div className="flex flex-col xl:-mr-24 w-full md:w-[400px]">
                 <div className="flex flex-col gap-y-5">
                     <span className="font-medium text-lg md:text-2xl xl:text-3xl text-primary-text-color">وارد حساب کاربری شوید</span>
                     <div className="flex flex-row gap-x-0.5 items-center">
diff --git a/src/components/forms/login-with-code-form.tsx b/src/components/forms/login-with-code-form.tsx
index b0e19a5..edb3faa 100644
--- a/src/components/forms/login-with-code-form.tsx
+++ b/src/components/forms/login-with-code-form.tsx
@@ -18,7 +18,7 @@ export const LoginWithCodeForm = () => {
         <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">
             <img src="/svgs/logo/logo.svg" alt="logo" className="auth-logo-size" />
-            <div className="flex flex-col xl:-mr-24">
+            <div className="flex flex-col xl:-mr-24 w-full md:w-[400px]">
                 <div className="flex flex-col gap-y-5">
                     <span className="font-medium text-lg md:text-2xl xl:text-3xl text-primary-text-color">ورود با رمز یکبار مصرف</span>
                     <div className="flex flex-row gap-x-0.5 items-center">
diff --git a/src/components/forms/register-form.tsx b/src/components/forms/register-form.tsx
index 6c8f988..d092205 100644
--- a/src/components/forms/register-form.tsx
+++ b/src/components/forms/register-form.tsx
@@ -7,7 +7,7 @@ export const RegisterForm = () => {
         <div
             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">
             <img src="/svgs/logo/logo.svg" alt="logo" className="auth-logo-size" />
-            <div className="flex flex-col">
+            <div className="flex flex-col w-full md:w-[400px]">
                 <div className="flex flex-col gap-y-5">
                     <span className="font-medium text-lg md:text-2xl xl:text-3xl text-primary-text-color">حساب کاربری خود را ایجاد کنید</span>
                     <div className="flex flex-row gap-x-0.5 items-center">
@@ -18,8 +18,11 @@ export const RegisterForm = () => {
                     </div>
                 </div>
                 <div className="grid grid-cols-1 gap-y-5 mb-[42px] mt-9">
-                    <Input type="text" placeholder="نام و نام خانوادگی" />
-                    <div className="flex flex-col lg:flex-row gap-y-5 gap-x-4 w-full">
+                    <div className="grid grid-cols-1 lg:grid-cols-2 gap-x-4 gap-y-5">
+                        <Input type="text" placeholder="نام" />
+                        <Input type="text" placeholder="نام خانوادگی" />
+                    </div>
+                    <div className="flex flex-col lg:flex-row gap-y-5 gap-x-4">
                         <ComboBox />
                         <ComboBox />
                     </div>
diff --git a/src/components/forms/reset-password.form.tsx b/src/components/forms/reset-password.form.tsx
index 8b30324..2b8be7b 100644
--- a/src/components/forms/reset-password.form.tsx
+++ b/src/components/forms/reset-password.form.tsx
@@ -26,7 +26,7 @@ export const ResetPasswordForm = () => {
             <div className="flex flex-col xl:-mr-24">
                 <div className="flex flex-col gap-y-5">
                     <span className="font-medium text-lg md:text-2xl xl:text-3xl text-primary-text-color">بازیابی رمز عبور</span>
-                    <div className="flex flex-row gap-x-0.5 items-center">
+                    <div className="flex flex-col md:flex-row gap-0.5 items-center">
                         <p className="text-secondary-text-color font-normal text-xs md:text-sm">کد تایید ارسال شده به شماره 09376225448 را وارد کنید.</p>
                         <Link to="/auth/forgot-password">
                             <p className="text-primary-color font-bold text-xs md:text-sm cursor-pointer">ویرایش</p>