Fixed auth page and adaptation freeDev

src/components/SideBar/SideBar.js

@@ -1,6 +1,7 @@
 import React, { useState } from "react";
 
 import arrow from "../../images/sideBarArrow.svg";
+import LogoITguild from "../../images/LogoITguild.svg";
 
 import "./sidebar.scss";
 
@@ -41,9 +42,7 @@ export const SideBar = () => {
 
       <div className={active ? "auth-body active" : "auth-body"}>
         <div className="auth-body__title">
-          <h3>IT</h3>
-          <p>guild</p>
-          <span>Аутстафинговая компания</span>
+          <img src={LogoITguild}></img>
         </div>
         <ul className="auth-body__navigation">
           <li>

src/components/SideBar/sidebar.scss

@@ -7,7 +7,7 @@
   height: 100%;
   background: #e1fccf;
 
-  @media (max-width: 1024px) {
+  @media (max-width: 1375px) {
     position: fixed;
     width: 100% !important;
     height: 80px;
@@ -75,7 +75,7 @@
     }
   }
 
-  @media (max-width: 1024px) {
+  @media (max-width: 1375px) {
     flex-direction: row;
     height: 100%;
 
@@ -121,25 +121,7 @@
 
   &__title {
     display: flex;
-    flex-wrap: wrap;
-    h3 {
-      color: #52b709;
-      font-size: 35px;
-      line-height: 32px;
-      margin-right: 10px;
-    }
-
-    p {
-      width: 70%;
-      font-size: 30px;
-      line-height: 32px;
-      color: #000000;
-    }
-
-    span {
-      font-size: 12px;
-      margin-left: 0px;
-    }
+    margin-top: 24px;
   }
 
   &__navigation {
@@ -175,7 +157,7 @@
     }
   }
 
-  @media (max-width: 1024px) {
+  @media (max-width: 1375px) {
     &__title {
       margin-top: 35px;
     }
@@ -199,7 +181,7 @@
     left: 79px;
   }
 
-  @media (max-width: 1024px) {
+  @media (max-width: 1375px) {
     left: 0;
     width: 100%;
     height: 535px;