finish layout rework

This commit is contained in:
Victor Batischev 2024-02-15 18:38:10 +03:00
parent 30c316a335
commit 23b8c3ad8a
8 changed files with 60 additions and 19 deletions

View File

@ -91,10 +91,10 @@ const Candidate = () => {
const { header, img, classes } = setStyles(); const { header, img, classes } = setStyles();
return ( return (
<div className="candidate__wrapper"> <div className="candidate">
<ProfileHeader /> <ProfileHeader />
<Navigation /> <Navigation />
<div className="container candidate"> <div className="container">
<ProfileBreadcrumbs <ProfileBreadcrumbs
links={[ links={[
{ name: "Главная", link: "/profile" }, { name: "Главная", link: "/profile" },

View File

@ -1,22 +1,24 @@
@use "sass:math"; @use "sass:math";
.candidate { .candidate {
padding-top: 23px; display: flex;
z-index: 0; flex-direction: column;
min-height: 100vh;
background: #f1f1f1;
&__wrapper { .container {
background: #f1f1f1; margin-top: 23px;
min-height: 100vh; display: flex;
flex-direction: column;
flex: 1;
} }
.profile-breadcrumbs { .profile-breadcrumbs {
position: relative; position: relative;
z-index: -1;
} }
.row { .row {
position: relative; position: relative;
z-index: -1;
} }
&__header { &__header {
@ -32,13 +34,11 @@
.col-xl-8 { .col-xl-8 {
position: relative; position: relative;
z-index: -1;
} }
&__main { &__main {
margin-top: 60px; margin-top: 60px;
position: relative; position: relative;
z-index: -1;
&-description { &-description {
padding-left: 16px; padding-left: 16px;

View File

@ -1,6 +1,3 @@
.container {
max-width: 1160px !important;
}
.catalog { .catalog {
background: #f1f1f1; background: #f1f1f1;
height: 100%; height: 100%;
@ -14,6 +11,10 @@
} }
} }
.container {
max-width: 1160px !important;
}
.outstaffing-block__selected .outstaffing-block__img { .outstaffing-block__selected .outstaffing-block__img {
background-color: #52b70999; background-color: #52b70999;
color: #f9f9f9; color: #f9f9f9;

View File

@ -1,6 +1,16 @@
.article-blog { .article-blog {
display: flex;
flex-direction: column;
min-height: 100vh;
background: #f1f1f1; background: #f1f1f1;
.container {
max-width: 1160px;
display: flex;
flex-direction: column;
flex: 1;
}
&__breadcrumbs { &__breadcrumbs {
margin-top: 30px; margin-top: 30px;

View File

@ -1,7 +1,15 @@
.auth-candidate { .auth-candidate {
overflow: hidden; display: flex;
position: relative; flex-direction: column;
background-color: #f1f1f1; min-height: 100vh;
background: #f1f1f1;
.container {
max-width: 1160px;
display: flex;
flex-direction: column;
flex: 1;
}
&__start { &__start {
margin-top: 60px; margin-top: 60px;

View File

@ -1,6 +1,16 @@
.blog { .blog {
display: flex;
flex-direction: column;
min-height: 100vh;
background: #f1f1f1; background: #f1f1f1;
.container {
max-width: 1160px;
display: flex;
flex-direction: column;
flex: 1;
}
&__breadcrumbs { &__breadcrumbs {
margin-top: 30px; margin-top: 30px;

View File

@ -7,6 +7,9 @@
.container { .container {
max-width: 1160px; max-width: 1160px;
margin-top: 23px; margin-top: 23px;
display: flex;
flex-direction: column;
flex: 1;
@media (max-width: 570px) { @media (max-width: 570px) {
margin-top: 0; margin-top: 0;

View File

@ -1,6 +1,15 @@
.registration-candidate { .registration-candidate {
position: relative; display: flex;
background-color: #f1f1f1; flex-direction: column;
min-height: 100vh;
background: #f1f1f1;
.container {
max-width: 1160px;
display: flex;
flex-direction: column;
flex: 1;
}
&__start { &__start {
display: flex; display: flex;