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
+    <ModalLayout
-      className={active ? "modal-add active" : "modal-add"}
+      active={active}
-      onClick={() => {
+      setActive={setActive}
-        setActive(false);
+      // onClick={() => {
-        setSelectWorkersOpen(false);
+      //   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
+          <BaseButton styles={"button-add"} onClick={(e) => e.preventDefault()}>
-              styles={"button-add"}
-              onClick={(e) => e.preventDefault()}
-            >
             Добавить
           </BaseButton>
         </div>
@@ -405,8 +402,7 @@ export const TrackerModal = ({
       )}
 
       <span className="exit" onClick={() => setActive(false)}></span>
-      </div>
+    </ModalLayout>
-    </div>
   );
 };
 

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

@@ -1,3 +1,4 @@
+//Удалить при переходе всех модалок в обертку modalLayout
 .modal-add {
   z-index: 9;
   height: 100%;
@@ -23,6 +24,7 @@
     align-items: center;
     justify-content: center;
   }
+}
 
 .title-project {
   display: flex;
@@ -130,19 +132,16 @@
 .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 {
   transform: scale(1);