src/components/AuthBlock/authBlock.scss

@@ -167,8 +167,12 @@
     top: -20px;
 
     @media (max-width: 900px) {
-      top: 100px;
+      order: 1;
+      position: inherit;
+      right: inherit;
+      top: inherit;
       max-width: 115px;
+      margin-bottom: 35px;
     }
   }
 }

src/components/Common/AuthHeader/authHeader.scss

@@ -48,7 +48,7 @@
             text-decoration: none;
           }
 
-          a:focus, a.active {
+          a:focus {
             color: #000000;
           }
 

src/components/Common/ModalLayout/modalLayout.scss

@@ -133,7 +133,7 @@
 .edit-project,
 .add-worker,
 .edit-column {
-  // background: linear-gradient(180deg, #fff 0%, #ebebeb 37.29%);
+  background: linear-gradient(180deg, #fff 0%, #ebebeb 37.29%);
   .title-project {
     margin-top: 20px;
   }

src/components/Modal/ModalErrorLogin/modalErrorLogin.scss

@@ -1,8 +1,8 @@
 .error-login {
   position: relative;
-  padding: 30px;
+  padding: 54px 76px;
   background: linear-gradient(180deg, #ffffff 0%, #ebebeb 100%);
-  border-radius: 20px;
+  border-radius: 40px;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -15,7 +15,9 @@
   }
 
   p {
-    font-size: 15px;
+    font-size: 12px;
+    line-height: 14px;
+    width: 176px;
     text-align: center;
     font-weight: 300;
     margin-bottom: 30px;

src/components/Navigation/Navigation.jsx

@@ -88,9 +88,9 @@ export const Navigation = () => {
   }, []);
 
   return (
-    <div className="profile-header__info">
-      <div className="profile-header__container">
-        <nav className="profile-header__nav">
+    <div className="profileHeader__info">
+      <div className="profileHeader__container">
+        <nav className="profileHeader__nav">
           {navInfo[user].map((link, index) => {
             return (
               <NavLink
@@ -104,8 +104,8 @@ export const Navigation = () => {
           })}
         </nav>
 
-        <div className="profile-header__personalInfo">
-          <h3 className="profile-header__personalInfoName">
+        <div className="profileHeader__personalInfo">
+          <h3 className="profileHeader__personalInfoName">
             {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username}
           </h3>
           <NavLink end to={"/profile"}>
@@ -113,7 +113,7 @@ export const Navigation = () => {
               src={
                 profileInfo?.photo ? urlForLocal(profileInfo.photo) : avatarMok
               }
-              className="profile-header__personalInfoAvatar"
+              className="profileHeader__personalInfoAvatar"
               alt="avatar"
             />
           </NavLink>

src/components/ProfileHeader/ProfileHeader.jsx

@@ -20,6 +20,19 @@ export const ProfileHeader = () => {
 
   const [isLoggingOut, setIsLoggingOut] = useState(false);
 
+  // useEffect(() => {
+  //   if (Object.keys(profileInfo).length) {
+  //     return;
+  //   }
+  //   apiRequest(`/user/me`).then((profileInfo) => {
+  //     dispatch(
+  //       setProfileInfo(
+  //         profileInfo.userCard ? profileInfo.userCard : profileInfo
+  //       )
+  //     );
+  //   });
+  // }, [dispatch]);
+
   useEffect(() => {
     if (!Object.keys(profileInfo).length)
       apiRequest(`/user/me`).then((profileInfo) => {
@@ -41,16 +54,16 @@ export const ProfileHeader = () => {
   };
 
   return (
-    <header className="profile-header">
-      <div className="profile-header__head">
-        <div className="profile-header__container">
-          <NavLink to={"/profile"} className="profile-header__title">
+    <header className="profileHeader">
+      <div className="profileHeader__head">
+        <div className="profileHeader__container">
+          <NavLink to={"/profile"} className="profileHeader__title">
             itguild.
             <span>
               {user === "developer" ? "для разработчиков" : "для партнеров"}
             </span>
           </NavLink>
-          <button onClick={handler} className="profile-header__logout">
+          <button onClick={handler} className="profileHeader__logout">
             {isLoggingOut ? <Loader /> : "Выйти"}
           </button>
         </div>

src/components/ProfileHeader/profileHeader.scss

@@ -1,4 +1,4 @@
-.profile-header {
+.profileHeader {
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -53,24 +53,24 @@
     flex-wrap: wrap;
     column-gap: 30px;
 
+    .active {
+      color: #000000 !important;
+    }
+
     a {
-      text-decoration: none;
+      text-decoration: none !important;
       cursor: pointer;
       font-weight: 700;
       font-size: 18px;
       line-height: 32px;
-      color: #807777;
+      color: #807777 !important;
       transition: all 0.3s ease;
 
       &:hover {
-        color: #261a1a;
+        color: #261a1a !important;
       }
     }
 
-    a.active {
-      color: #000000;
-    }
-
     @media (max-width: 800px) {
       column-gap: 15px;
 

src/components/ProjectTicket/ProjectTicket.jsx

@@ -75,6 +75,8 @@ export const ProjectTicket = ({ project, index }) => {
     setModalDelete(false);
   }
 
+  function linkProject() {}
+
   return (
     <div className={`project project-${project.id}`} key={index}>
       <Link

src/components/ProjectTicket/projectTicket.scss

@@ -2,11 +2,13 @@
   display: flex;
   flex-direction: column;
   position: relative;
-  width: 300px;
+  width: 322px;
+
   background: #f1f1f1;
   border-radius: 12px;
 
   cursor: pointer;
+  max-width: 440px;
   transition: 0.4s;
 
   &:hover {
@@ -24,12 +26,15 @@
 
   &__link {
     font-weight: 700;
+    width: 194px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: 18px;
+    line-height: 32px;
     color: #111112;
-    margin-bottom: 10px;
+    margin-bottom: 22px;
+    max-width: 380px;
 
     &:hover {
       color: black;
@@ -40,7 +45,7 @@
     display: flex;
     align-items: center;
     position: relative;
-    margin-bottom: 30px;
+    margin-bottom: 45px;
 
     p {
       color: #6f6f6f;
@@ -48,6 +53,7 @@
       font-size: 12px;
       font-weight: 500;
       line-height: 17px;
+      width: 60px;
     }
 
     .count {
@@ -91,13 +97,13 @@
   }
 
   &__open-tracker {
-    padding: 10px 15px;
+    padding: 17px 26px 16px;
   }
 
   &__statistics {
     position: absolute;
-    bottom: 13px;
-    left: 15px;
+    bottom: 18px;
+    left: 26px;
     color: #0042b4;
     text-decoration: underline;
     font-size: 14px;

src/pages/ActPage/ActPage.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+
+import { ActContent } from "@components/features/bookkeeping/ActContent/ActContent";
+import { BookkeepingTemplete } from "@components/features/bookkeeping/BookkeepingTemplete/BookkeepingTemplete";
+
+export const ActPage = () => {
+  return (
+    <div>
+      <BookkeepingTemplete showBreadcrumps nameBreeadcrumps="Создание акта">
+        <ActContent></ActContent>
+      </BookkeepingTemplete>
+    </div>
+  );
+};

src/pages/FrequentlyAskedQuestions/FrequentlyAskedQuestions.scss

@@ -15,7 +15,7 @@
   &__about {
     display: flex;
     align-items: center;
-    margin: 30px 0;
+    margin-bottom: 30px;
     @media (max-width: 600px) {
       flex-wrap: wrap;
       row-gap: 25px;

src/pages/Tracker/Tracker.jsx

@@ -201,7 +201,7 @@ export const Tracker = () => {
                 )) &&
               !loader && (
                 <div className="no-projects">
-                  <div className="no-projects__create-new">
+                  <div className="no-projects__createNew">
                     <div>
                       <img src={noProjects} alt="noProjectImg" />
                       <p>Создайте свой первый проект</p>
@@ -251,7 +251,7 @@ export const Tracker = () => {
                   <p>
                     {25} - {35}
                   </p>
-                  <h3>Сентября,</h3>
+                  <h2>Сентября,</h2>
                   <h3>2023</h3>
                 </div>
 

src/pages/Tracker/tracker.scss

@@ -145,10 +145,10 @@
         row-gap: 30px;
         display: none;
         align-items: center;
-        justify-content: center;
 
         @media (max-width: 785px) {
           row-gap: 25px;
+          justify-content: center;
           padding: 0 15px 20px;
         }
 
@@ -158,7 +158,7 @@
           padding: 20px;
           width: 100%;
 
-          &__create-new {
+          &__createNew {
             display: flex;
             div {
               display: flex;
@@ -177,11 +177,14 @@
         }
 
         .create-project-btn {
-          width: 300px;
-          height: 113px;
+          max-width: 322px;
+          width: 322px;
+          height: 166px;
           border-radius: 12px;
           background: #ecf8e5;
           color: #000000;
+          font-weight: 400;
+          font-size: 15px;
           display: flex;
           align-items: center;
           justify-content: center;
@@ -189,9 +192,10 @@
 
           &__text {
             text-align: left;
-            font-weight: 400;
-            font-size: 18px;
-            margin-left: 15px;
+            font-size: 14px;
+            font-weight: 250;
+            width: 190px;
+            margin-left: 25px;
           }
 
           &:hover {
@@ -199,13 +203,10 @@
             box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.11);
           }
 
-          @media (max-width: 1068px) {
-            width: 47%;
-          }
-
-          @media (max-width: 785px) {
-            max-width: 394px;
-            width: 100%;
+          @media (max-width: 650px) {
+            height: 40px;
+            font-size: 12px;
+            height: 166px;
           }
         }
       }

src/pages/TrackerRegistration/trackerRegistration.scss

@@ -94,8 +94,13 @@
       top: -100px;
       right: 58px;
 
-      @media (max-width: 900px) {
-        display: none;
+      @media (max-width: 1000px) {
+        position: inherit;
+        order: 1;
+        top: inherit;
+        right: inherit;
+        max-width: 115px;
+        margin-bottom: 25px;
       }
     }
   }