From 23b8c3ad8ab72fc1b3a163d219155351e3bb99df Mon Sep 17 00:00:00 2001
From: Victor Batischev <office@edoldnr.ru>
Date: Thu, 15 Feb 2024 18:38:10 +0300
Subject: [PATCH] finish layout rework

---
 src/components/Candidate/Candidate.jsx         |  4 ++--
 src/components/Candidate/candidate.scss        | 18 +++++++++---------
 .../OutstaffingBlock/outstaffingBlock.scss     |  7 ++++---
 src/pages/Article/article.scss                 | 10 ++++++++++
 .../AuthForCandidate/authForCandidate.scss     | 14 +++++++++++---
 src/pages/Blog/blog.scss                       | 10 ++++++++++
 .../PartnerAddRequest/partnerAddRequest.scss   |  3 +++
 .../registationForCandidate.scss               | 13 +++++++++++--
 8 files changed, 60 insertions(+), 19 deletions(-)

diff --git a/src/components/Candidate/Candidate.jsx b/src/components/Candidate/Candidate.jsx
index 2d8ec561..85348f2f 100644
--- a/src/components/Candidate/Candidate.jsx
+++ b/src/components/Candidate/Candidate.jsx
@@ -91,10 +91,10 @@ const Candidate = () => {
   const { header, img, classes } = setStyles();
 
   return (
-    <div className="candidate__wrapper">
+    <div className="candidate">
       <ProfileHeader />
       <Navigation />
-      <div className="container candidate">
+      <div className="container">
         <ProfileBreadcrumbs
           links={[
             { name: "Главная", link: "/profile" },
diff --git a/src/components/Candidate/candidate.scss b/src/components/Candidate/candidate.scss
index 56531062..5d3caf4b 100644
--- a/src/components/Candidate/candidate.scss
+++ b/src/components/Candidate/candidate.scss
@@ -1,22 +1,24 @@
 @use "sass:math";
 
 .candidate {
-  padding-top: 23px;
-  z-index: 0;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  background: #f1f1f1;
 
-  &__wrapper {
-    background: #f1f1f1;
-    min-height: 100vh;
+  .container {
+    margin-top: 23px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
   }
 
   .profile-breadcrumbs {
     position: relative;
-    z-index: -1;
   }
 
   .row {
     position: relative;
-    z-index: -1;
   }
 
   &__header {
@@ -32,13 +34,11 @@
 
   .col-xl-8 {
     position: relative;
-    z-index: -1;
   }
 
   &__main {
     margin-top: 60px;
     position: relative;
-    z-index: -1;
 
     &-description {
       padding-left: 16px;
diff --git a/src/components/OutstaffingBlock/outstaffingBlock.scss b/src/components/OutstaffingBlock/outstaffingBlock.scss
index db7637aa..f7c3b4fe 100644
--- a/src/components/OutstaffingBlock/outstaffingBlock.scss
+++ b/src/components/OutstaffingBlock/outstaffingBlock.scss
@@ -1,6 +1,3 @@
-.container {
-  max-width: 1160px !important;
-}
 .catalog {
   background: #f1f1f1;
   height: 100%;
@@ -14,6 +11,10 @@
   }
 }
 
+.container {
+  max-width: 1160px !important;
+}
+
 .outstaffing-block__selected .outstaffing-block__img {
   background-color: #52b70999;
   color: #f9f9f9;
diff --git a/src/pages/Article/article.scss b/src/pages/Article/article.scss
index f288db13..0196f3fe 100644
--- a/src/pages/Article/article.scss
+++ b/src/pages/Article/article.scss
@@ -1,6 +1,16 @@
 .article-blog {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
   background: #f1f1f1;
 
+  .container {
+    max-width: 1160px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
+
   &__breadcrumbs {
     margin-top: 30px;
 
diff --git a/src/pages/AuthForCandidate/authForCandidate.scss b/src/pages/AuthForCandidate/authForCandidate.scss
index a931a7d5..a9ddc0b9 100644
--- a/src/pages/AuthForCandidate/authForCandidate.scss
+++ b/src/pages/AuthForCandidate/authForCandidate.scss
@@ -1,7 +1,15 @@
 .auth-candidate {
-  overflow: hidden;
-  position: relative;
-  background-color: #f1f1f1;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  background: #f1f1f1;
+
+  .container {
+    max-width: 1160px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
 
   &__start {
     margin-top: 60px;
diff --git a/src/pages/Blog/blog.scss b/src/pages/Blog/blog.scss
index 65516267..04d79510 100644
--- a/src/pages/Blog/blog.scss
+++ b/src/pages/Blog/blog.scss
@@ -1,6 +1,16 @@
 .blog {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
   background: #f1f1f1;
 
+  .container {
+    max-width: 1160px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
+
   &__breadcrumbs {
     margin-top: 30px;
 
diff --git a/src/pages/PartnerAddRequest/partnerAddRequest.scss b/src/pages/PartnerAddRequest/partnerAddRequest.scss
index e1534a94..e1d7f398 100644
--- a/src/pages/PartnerAddRequest/partnerAddRequest.scss
+++ b/src/pages/PartnerAddRequest/partnerAddRequest.scss
@@ -7,6 +7,9 @@
   .container {
     max-width: 1160px;
     margin-top: 23px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
 
     @media (max-width: 570px) {
       margin-top: 0;
diff --git a/src/pages/RegistrationForCandidate/registationForCandidate.scss b/src/pages/RegistrationForCandidate/registationForCandidate.scss
index 67f44b91..6bea6440 100644
--- a/src/pages/RegistrationForCandidate/registationForCandidate.scss
+++ b/src/pages/RegistrationForCandidate/registationForCandidate.scss
@@ -1,6 +1,15 @@
 .registration-candidate {
-  position: relative;
-  background-color: #f1f1f1;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  background: #f1f1f1;
+
+  .container {
+    max-width: 1160px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
 
   &__start {
     display: flex;