fix bug
This commit is contained in:
@@ -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}
|
||||
|
||||
@@ -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} />
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user