burger menu component, fix styles autstaffing and

main pages, autstaffing add swiper
2024-05-28 18:39:26 +03:00
parent 2a89ab3d5f
commit 224fc2c935
12 changed files with 1207 additions and 377 deletions
--- a/src/pages/Landing/landing.scss
+++ b/src/pages/Landing/landing.scss
@ -124,147 +124,6 @@
        }
      }
    }
-    .burger-menu {
-      cursor: pointer;
-      display: flex;
-      column-gap: 14px;
-      margin: 0 auto;
-      z-index: 10;
-
-      @media (max-width: 431px) {
-        margin: 0;
-        z-index: 9;
-      }
-
-      &__logo {
-        color: #838383;
-        font-weight: 700;
-        font-size: 14px;
-        line-height: 16.24px;
-        text-decoration: underline;
-
-        @media (max-width: 431px) {
-          display: none;
-        }
-      }
-      .burger {
-        padding: 1px;
-        display: flex;
-        flex-direction: column;
-        row-gap: 3px;
-
-        @media (max-width: 431px) {
-          padding: 0;
-        }
-
-        &__line {
-          width: 19px;
-          border-radius: 39px;
-          height: 3.8px;
-          background-color: #a7ca60;
-          transition: 0.4s;
-
-          &:last-child {
-            width: 10.6px;
-          }
-        }
-
-        .l1.change {
-          transform: rotate(-45deg) translate(-5px, 5px);
-        }
-        .l2.change {
-          opacity: 0;
-        }
-        .l3.change {
-          transform: rotate(45deg) translate(-5px, -5px);
-          width: 19px;
-        }
-      }
-    }
-  }
-
-  .auth-body {
-    padding: 40px 10px;
-    visibility: hidden;
-    transition: 0.2s ease-in-out;
-    opacity: 0;
-    z-index: 8;
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    background: #e1fccf;
-    width: 0;
-    flex-direction: column;
-    align-items: stretch;
-
-    &__title {
-      display: flex;
-      margin-top: 24px;
-
-      img {
-        width: 160px;
-
-        @media (max-width: 431px) {
-          width: 120px;
-        }
-      }
-    }
-
-    &__navigation {
-      margin-top: 28px;
-      padding: 0;
-      list-style: none;
-      display: flex;
-      flex-direction: column;
-      row-gap: 15px;
-      font-size: 20px;
-      line-height: 33px;
-
-      a,
-      a:hover,
-      a:active {
-        color: #000000;
-      }
-    }
-
-    &__politic {
-      margin-top: 42px;
-      font-size: 14px;
-      line-height: 22px;
-      color: #000000;
-
-      @media (max-width: 431px) {
-        font-size: 11px;
-      }
-    }
-
-    &__contacts {
-      margin-top: 127px;
-      color: #000000;
-      h4 {
-        font-size: 20px;
-        line-height: 33px;
-      }
-      p {
-        font-size: 14px;
-      }
-    }
-  }
-
-  .auth-body.active {
-    visibility: visible;
-    transition: 0.1s ease-in-out;
-    opacity: 1;
-    display: flex;
-    width: 66vw;
-    left: 0;
-    overflow: hidden;
-    padding-left: 40px;
-
-    @media (max-width: 431px) {
-      width: 100vw;
-    }
  }

  &__info {