chore: sync auth page create password step styles

src/app/auth/page.tsx

@@ -9,12 +9,12 @@ import StepEnterOtp from '@/features/auth/components/StepEnterOtp';
 import { AUTH_PAGE_ELEMENT, AUTH_STEP } from '@/enums';
 import { useCountdown } from '@/hooks/useCountdown';
 import StepNewPassword from '@/features/auth/components/StepNewPassword';
-import { useLogin } from '@/hooks/auth/useLogin';
+// import { useLogin } from '@/hooks/auth/useLogin';
-import { useSignup } from '@/hooks/auth/useSignup';
+// import { useSignup } from '@/hooks/auth/useSignup';
-import { useCheckUserExistsLazy } from '@/hooks/auth/useCheckUserExists';
+// import { useCheckUserExistsLazy } from '@/hooks/auth/useCheckUserExists';
-import { useOtpRequest } from '@/hooks/auth/useOtpRequest';
+// import { useOtpRequest } from '@/hooks/auth/useOtpRequest';
-import { useOtpValidation } from '@/hooks/auth/useOtpValidation';
+// import { useOtpValidation } from '@/hooks/auth/useOtpValidation';
-import { useResetPassword } from '@/hooks/auth/useResetPassword';
+// import { useResetPassword } from '@/hooks/auth/useResetPassword';
 
 type Props = object
 
@@ -66,6 +66,7 @@ function AuthIndex({ }: Props) {
             setNumber(() => e.target.value)
         }
         else if (e.target.name == AUTH_PAGE_ELEMENT.INPUT_PASSWORD) {
+            console.log(e.target.value, 's');
             setPassword(() => e.target.value)
         }
         else if (e.target.name == AUTH_PAGE_ELEMENT.INPUT_PASSWORD_REPEAT) {

src/app/globals.css

@@ -43,13 +43,13 @@ input[type="number"] {
 }
 
 input[type="password"] {
-  font-family: "fontello";
+  font-family: "irancell";
   font-style: normal;
   font-weight: normal;
   speak: none;
-  color: var(--color-disabled);
+  color: #b6b6b6da;
   margin: 5px 0px 10px 0px;
-  font-size: 34px;
+  font-size: 24px;
   /* Controls dot size (width & height) */
   line-height: 8px;
   /* Ensures vertical alignment */

src/features/auth/components/StepNewPassword.tsx

@@ -2,6 +2,7 @@ import Button from '@/components/button/PrimaryButton';
 import { EyeToggleIcon } from '@/components/icons/EyeToggleIcon';
 import InputField from '@/components/input/InputField';
 import { AUTH_PAGE_ELEMENT } from '@/enums';
+import Image from 'next/image';
 import React from 'react'
 
 type Props = {
@@ -17,12 +18,21 @@ type Props = {
 
 function StepNewPassword({ reset = false, onSubmit, onChange, onClick, value, repeatValue, passwordVisible, repeatPasswordVisible }: Props) {
     return (
-        <form autoComplete='off' onSubmit={onSubmit} className='p-6 h-full flex flex-col justify-between'>
+        <form autoComplete='off' onSubmit={onSubmit} className='p-6 lg:py-[75px] w-full flex items-center justify-center py-4 lg:items-center lg:px-10 px-4 drop-shadow-black h-full'>
-            <div className='block'>
+            <div className='h-full w-full px-4 sm:px-6 lg:p-0 flex flex-col max-h-[812px] max-w-[1200px] bg-container rounded-container overflow-clip lg:flex-row justify-between'>
-                <img src='/assets/images/login-banner.png' />
+                <Image
+                    className='object-cover w-full h-full max-h-1/2 lg:max-h-full lg:w-1/2'
+                    src={'/assets/images/login-banner.png'}
+                    alt='login banner'
+                    width={100}
+                    height={100}
+                    unoptimized={true}
+                />
+                <div className='w-full min-w-1/2 lg:max-w-1/2 h-full lg:px-9 py-7 flex flex-col justify-between lg:justify-center lg:gap-10'>
+                    <div className='w-full'>
                         <div className='pt-4' dir='rtl'>
                             <h6 className='text-lg font-bold'>
-                        { reset ? "تغییر کلمه عبور" : "انتخاب کلمه عبور" }
+                                {reset ? "تغییر کلمه عبور" : "انتخاب کلمه عبور"}
                             </h6>
                             <p className='mt-3 text-[13px]'>کلمه عبور جدید باید ترکیبی از حروف بزرگ و کوچک و نشانه ها باشد مثل A126bdz@</p>
                         </div>
@@ -55,6 +65,9 @@ function StepNewPassword({ reset = false, onSubmit, onChange, onClick, value, re
                         </InputField>
                     </div>
                     <Button type='submit'>ورود</Button>
+                </div>
+
+            </div>
         </form>
     )
 }