Merge branch 'krishnaacharyaa:main' into main

krishnaacharyaa · Jun 6, 2024 · be123be · be123be
2 parents f027a3b + d1e5688
commit be123be
Showing 1 changed file with 19 additions and 18 deletions.
diff --git a/frontend/src/pages/signin-page.tsx b/frontend/src/pages/signin-page.tsx
@@ -94,25 +94,26 @@ function signin() {
               <p className="p-3 text-xs text-red-500">{`${errors.userNameOrEmail.message}`}</p>
             )}
           </div>
-
-          <div className="relative mb-4">
-            <input
-              {...register('password')}
-              type={passwordVisible ? 'text' : 'password'}
-              placeholder="Password"
-              className="w-full rounded-lg bg-zinc-100 p-3 font-normal placeholder:text-sm dark:bg-dark-field dark:text-dark-textInField"
-            />
-            <button
-              type="button"
-              onClick={() => setPasswordVisible(!passwordVisible)}
-              className="absolute inset-y-0 right-0 flex items-center pr-3 text-sm leading-5"
-            >
-              <img
-                src={passwordVisible ? EyeIcon : EyeOffIcon}
-                alt="Toggle-visibility"
-                className="h-5 w-5"
+          <div className="mb-4 flex flex-col">
+            <div className="relative">
+              <input
+                {...register('password')}
+                type={passwordVisible ? 'text' : 'password'}
+                placeholder="Password"
+                className="w-full rounded-lg bg-zinc-100 p-3 font-normal placeholder:text-sm dark:bg-dark-field dark:text-dark-textInField"
               />
-            </button>
+              <button
+                type="button"
+                onClick={() => setPasswordVisible(!passwordVisible)}
+                className="absolute inset-y-0 right-0 flex items-center pr-3 text-sm leading-5"
+              >
+                <img
+                  src={passwordVisible ? EyeIcon : EyeOffIcon}
+                  alt="Toggle-visibility"
+                  className="h-5 w-5"
+                />
+              </button>
+            </div>
             {errors.password && (
               <p className="p-3 text-xs text-red-500">{`${errors.password.message}`}</p>
             )}