Fixed slider, auth pages and modal

src/components/UI/ModalTiket/ModalTiket.js

@@ -40,14 +40,6 @@ export const ModalTiket = ({ active, setActive }) => {
         className="modal-tiket__content"
         onClick={(e) => e.stopPropagation()}
       >
-        <div className="author">
-          <a href="#">
-            <img src={creatorMock}></img>
-          </a>
-          <a href="#">
-            <img src={creatorMock}></img>
-          </a>
-        </div>
         <div className="content">
           <h3 className="title-project">
             <img src={category} className="title-project__category"></img>
@@ -75,6 +67,7 @@ export const ModalTiket = ({ active, setActive }) => {
           </div>
         </div>
         <div className="workers">
+          <span className="exit" onClick={() => setActive(false)}></span>
           <span>{tiket.code}</span>
           <p className="workers__creator">Создатель : {tiket.creator}</p>
           <div>

src/components/UI/ModalTiket/ModalTiket.scss

@@ -23,20 +23,6 @@
   display: flex;
   flex-direction: row;
 
-  .author {
-    padding: 25px 0 0 0;
-    border-radius: 8px 0 0 8px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: 76px;
-    background: #fbfbfb;
-
-    a {
-      margin-bottom: 16px;
-    }
-  }
-
   .content {
     display: flex;
     flex-direction: column;
@@ -109,10 +95,34 @@
   }
 
   .workers {
+    position: relative;
     border-left: 1px solid #f1f1f1;
     width: 300px;
     padding: 40px;
 
+    .exit {
+      cursor: pointer;
+      position: absolute;
+      top: 22px;
+      right: 31px;
+
+      &:before,
+      &:after {
+        content: "";
+        position: absolute;
+        width: 16px;
+        height: 2px;
+        background: #263238;
+      }
+
+      &:before {
+        transform: rotate(45deg);
+      }
+      &:after {
+        transform: rotate(-45deg);
+      }
+    }
+
     span {
       font-family: "Inter", sans-serif;
       font-weight: 500;
@@ -149,6 +159,7 @@
     }
 
     .start {
+      font-size: 12px;
       margin-top: 25px;
       width: 151px;
       height: 40px;