input validation fix

src/backend/restore.js

@@ -5,6 +5,9 @@ export const restore = (data, setLoader, setError, onSuccess) => {
   axios
     .post(`${destination}/restore`, data)
     .then((res) => {
+      if (res.status != "200") {
+        setError(true);
+      }
       if (res.data.data === "success") {
         setLoader(false);
         onSuccess();

src/components/passwordRec/Stage1.js

@@ -54,7 +54,7 @@ const Stage1 = ({ setRecStage }) => {
               }
             }}
           />
-          {validate || error ? (
+          {error || validate ? (
             <span
               className={inputValid.email ? "pass-check" : "pass-check active"}
             >

src/components/passwordRec/Stage2.js

@@ -152,10 +152,8 @@ const Stage2 = ({
             type="button"
             className="sign-btn"
             onClick={() => {
-              setData({ ...data, password: inputValid.newPassword });
               setLoader(true);
-              form.append("password", data.password);
-              form.append("password_confirmation", data.password);
+              form.append("password", inputValid.newPassword);
               form.append("code", inputValid.code);
 
               reset(form, setLoader, setError, () => {

src/scss/_sign-up.scss

@@ -113,9 +113,19 @@
   .reg-input-wrapper {
     grid-template-columns: 1fr 1fr;
   }
+  .reg-input-block input {
+    font-size: 1.4rem;
+  }
+
+  .form-title {
+    font-size: 1.6rem;
+  }
 }
 
 @media screen and (max-width: 850px) {
+  .reg-input-block input {
+    font-size: 1.2rem;
+  }
   .reg {
     input {
       font-size: 1.4rem;

src/scss/_sing-in.scss

@@ -234,6 +234,13 @@
 // MEDIA
 
 @media screen and (max-width: 1100px) {
+  .forget h3 {
+    font-size: 1.2rem;
+  }
+  .recovery-1 form,
+  .recovery-2 form {
+    gap: 2rem;
+  }
   .input-block input,
   .sign-btn h3 {
     font-size: 1.2rem;