Fixed tracker pages

src/components/Modal/AcceptModal/acceptModal.scss

@@ -12,7 +12,7 @@
 
   .acceptModal {
     border-radius: 20px;
-    background: linear-gradient(180deg, #FFF 0%, #EBEBEB 100%);
+    background: linear-gradient(180deg, #fff 0%, #ebebeb 100%);
     padding: 50px 34px 25px;
     display: flex;
     flex-direction: column;
@@ -43,16 +43,18 @@
       }
 
       .agree {
-        background: #52B709;
+        background: #52b709;
       }
 
       .cancel {
-        background: #B0BABF;
+        background: #b0babf;
       }
     }
 
     &__close {
       position: absolute;
+      width: 14px;
+      height: 14px;
       top: 15px;
       right: 22px;
       cursor: pointer;

src/components/Modal/ModalRegistration/modalRegistration.scss

@@ -7,11 +7,11 @@
   border: 1px solid #dde2e4;
   border-radius: 8px;
   width: 1088px;
-  height: 529px;
+  height: 515px;
 
   &-body {
     &__left {
-      padding: 60px 0 30px 77px;
+      padding: 33px 0 30px 77px;
 
       h2 {
         font-weight: 500;
@@ -114,12 +114,13 @@
 
     &__right {
       border-left: 1px solid #f1f1f1;
-      padding: 80px 32px 46px 25px;
+      padding: 30px 32px 46px 25px;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
 
       h4 {
+        margin: 22px 0 22px 0;
         font-weight: 900;
         font-size: 14px;
         line-height: 24px;
@@ -140,7 +141,7 @@
         }
 
         img {
-          margin: 0 18px 20px 0;
+          margin: 0 18px 0 0;
         }
       }
     }

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

@@ -1060,7 +1060,7 @@
               height: 42px;
               cursor: pointer;
               column-gap: 8px;
-              padding: 5px;
+              padding: 5px 5px 5px 14px;
               border-radius: 8px;
               background: #fff;
 
@@ -1138,9 +1138,13 @@
             z-index: 10;
 
             &__item {
+              width: 66px;
+              font-size: 15px;
+              transition: 0.4s;
               cursor: pointer;
 
               &:hover {
+                transition: 0.4s;
                 font-weight: 700;
               }
             }

src/components/ProjectTiket/ProjectTiket.jsx

@@ -25,6 +25,7 @@ import "./projectTiket.scss";
 export const ProjectTiket = ({ project, index }) => {
   const [modalSelect, setModalSelect] = useState(false);
   const [modalAdd, setModalAdd] = useState(false);
+  const [modalDelete, setModalDelete] = useState(false);
   const [acceptModalOpen, setAcceptModalOpen] = useState(false);
   const [path, setPath] = useState("");
   const dispatch = useDispatch();
@@ -71,6 +72,7 @@ export const ProjectTiket = ({ project, index }) => {
 
   function closeAcceptModal() {
     setAcceptModalOpen(false);
+    setModalDelete(false);
   }
 
   function linkProject() {}
@@ -144,7 +146,13 @@ export const ProjectTiket = ({ project, index }) => {
             <img src={archiveSet}></img>
             <p>в архив</p>
           </div>
-          <div onClick={removeProject}>
+
+          <div
+            onClick={() => {
+              setModalDelete(true);
+              setModalSelect(false);
+            }}
+          >
             <img src={del}></img>
             <p>удалить</p>
           </div>
@@ -152,6 +160,15 @@ export const ProjectTiket = ({ project, index }) => {
       </ModalSelect>
       {acceptModalOpen && (
         <AcceptModal
+          title={"Вы точно хотите переместить проект в архив?"}
+          closeModal={closeAcceptModal}
+          agreeHandler={removeProject}
+        />
+      )}
+
+      {modalDelete && (
+        <AcceptModal
+          title={"Вы точно хотите удалить?"}
           closeModal={closeAcceptModal}
           agreeHandler={removeProject}
         />

src/pages/ProjectTracker/ProjectTracker.js

@@ -531,7 +531,13 @@ export const ProjectTracker = () => {
                     }
                   >
                     {Boolean(projectBoard.projectUsers?.length) && (
-                      <div className="projectPersons">
+                      <div
+                        className={
+                          projectBoard.projectUsers?.length == 1
+                            ? "onePerson"
+                            : "projectPersons"
+                        }
+                      >
                         {projectBoard.projectUsers.slice(0, 3).map((person) => {
                           return (
                             <img

src/pages/Tracker/tracker.scss

@@ -322,6 +322,7 @@
               display: flex;
               position: relative;
               left: 5px;
+
               img {
                 position: relative;
                 display: flex;
@@ -341,6 +342,19 @@
               }
             }
 
+            .onePerson {
+              display: flex;
+              position: relative;
+              left: -15px;
+
+              img {
+                position: relative;
+                display: flex;
+                width: 32px;
+                height: 32px;
+              }
+            }
+
             span {
               width: 32px;
               height: 32px;