registration adaptive

src/components/Modal/ModalRegistration/ModalRegistration.jsx

@@ -104,11 +104,11 @@ export const ModalRegistration = ({ active, setActive }) => {
   };
   return (
     <ModalLayout active={active} setActive={closeModal} styles={"registration"}>
-      <div className="registration-body__left">
+      <div className="registration-body__main">
         <h2>
-          Подключайтесь к <p>itguild.</p>
+          Подключайтесь к <p>ITguild</p>
         </h2>
-        <p className="registration-body__left-desc">
+        <p className="registration-body__main-desc">
           Зарегистрируйтесь и начните работу уже сегодня
         </p>
 
@@ -158,8 +158,6 @@ export const ModalRegistration = ({ active, setActive }) => {
           </div>
 
           <div className="input-body__box">
-            {/*<h5>Название компании</h5>*/}
-            {/*<input></input>*/}
             <div className="inputContainer">
               <h5>Пароль</h5>
               <input
@@ -181,8 +179,30 @@ export const ModalRegistration = ({ active, setActive }) => {
               />
               {inputsError.password && <span>Минимум 6 символов</span>}
             </div>
+            <div className="inputContainer">
+              <h5>Повторите пароль</h5>
+              <input
+                className={inputsError.password ? "error" : ""}
+                type="password"
+                onChange={(e) => {
+                  setInputsError({
+                    name: false,
+                    email: false,
+                    password: false,
+                  });
+                  setInputsValue((prevValue) => ({
+                    ...prevValue,
+                    password: e.target.value,
+                  }));
+                }}
+                value={inputsValue.password}
+                placeholder="Пароль"
+              />
+              {inputsError.password && <span>Минимум 6 символов</span>}
+            </div>
           </div>
         </div>
+
         <div className="button-box">
           {loader ? (
             <Loader style={"green"} />
@@ -202,9 +222,9 @@ export const ModalRegistration = ({ active, setActive }) => {
           {/*</h5>*/}
         </div>
       </div>
-      <div className="registration-body__right">
+      <div className="registration-body__about">
         <h4>Отказ от специалиста в любой момент</h4>
-        <div className="registration-body__right-text">
+        <div className="registration-body__about-text">
           <img src={anyMoment}></img>
           <p>
             Поменяйте, откажитесь или возьмите еще специалиста в любой момент
@@ -212,7 +232,7 @@ export const ModalRegistration = ({ active, setActive }) => {
           </p>
         </div>
         <h4>100% постоплата</h4>
-        <div className="registration-body__right-text">
+        <div className="registration-body__about-text">
           <img src={doc}></img>
           <p>
             Договор не подразумевает какую‑либо оплату до того, как вы
@@ -220,7 +240,7 @@ export const ModalRegistration = ({ active, setActive }) => {
           </p>
         </div>
         <h4>Есть вопросы?</h4>
-        <div className="registration-body__right-text">
+        <div className="registration-body__about-text">
           <img src={telegramLogo}></img>
           <p>Напишите нам в Телеграм. Мы с удовольствием ответим!</p>
         </div>