Fixed styles modalTracker

src/components/Modal/Tracker/ModalTicket/modalTicket.scss

@@ -32,6 +32,7 @@
       max-width: 85%;
       display: flex;
       align-items: center;
+      flex-direction: row;
 
       &__category {
         margin-right: 17px;
@@ -100,7 +101,7 @@
       .comments__list {
         display: flex;
         flex-direction: column;
-        max-height: 420px;
+        max-height: 300px;
         overflow: auto;
 
         &::-webkit-scrollbar {

src/components/Modal/Tracker/TrackerModal/TrackerModal.jsx

@@ -21,6 +21,7 @@ import { urlForLocal } from "@utils/helper";
 import { apiRequest } from "@api/request";
 
 import BaseButton from "@components/Common/BaseButton/BaseButton";
+import ModalLayout from "@components/Common/ModalLayout/ModalLayout";
 
 import arrowDown from "assets/icons/arrows/selectArrow.png";
 
@@ -211,14 +212,13 @@ export const TrackerModal = ({
   }, [active]);
 
   return (
-    <div
-      className={active ? "modal-add active" : "modal-add"}
-      onClick={() => {
-        setActive(false);
-        setSelectWorkersOpen(false);
-      }}
+    <ModalLayout
+      active={active}
+      setActive={setActive}
+      // onClick={() => {
+      //   setSelectWorkersOpen(false);
+      // }}
     >
-      <div className="modal-add__content" onClick={(e) => e.stopPropagation()}>
       {modalType === "addWorker" && (
         <div>
           <div className="title-project">
@@ -350,10 +350,7 @@ export const TrackerModal = ({
               <textarea className="title-project__textarea"></textarea>
             </div>
           </div>
-            <BaseButton
-              styles={"button-add"}
-              onClick={(e) => e.preventDefault()}
-            >
+          <BaseButton styles={"button-add"} onClick={(e) => e.preventDefault()}>
             Добавить
           </BaseButton>
         </div>
@@ -405,8 +402,7 @@ export const TrackerModal = ({
       )}
 
       <span className="exit" onClick={() => setActive(false)}></span>
-      </div>
-    </div>
+    </ModalLayout>
   );
 };
 

src/components/Modal/Tracker/TrackerModal/trackerModal.scss

@@ -1,3 +1,4 @@
+//Удалить при переходе всех модалок в обертку modalLayout
 .modal-add {
   z-index: 9;
   height: 100%;
@@ -23,8 +24,9 @@
     align-items: center;
     justify-content: center;
   }
+}
 
-  .title-project {
+.title-project {
   display: flex;
   align-items: center;
   flex-direction: column;
@@ -116,32 +118,29 @@
       transform: rotate(180deg);
     }
   }
-  }
+}
 
-  .name-project {
+.name-project {
   margin-left: 10px;
   border: none;
   outline: none;
   height: 100%;
   width: 90%;
   font-size: 14px;
-  }
+}
 
-  .button-add {
+.button-add {
   width: 130px;
   height: 37px;
-    // background: #52b709;
-    // border-radius: 44px;
-    // border: none;
+
   font-weight: 400;
   font-size: 15px;
   line-height: 32px;
-    // color: #ffffff;
+
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto;
-  }
 }
 
 .modal-add.active {