apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styles

Browse Source
This commit is contained in:
Victor Batischev 2024-02-14 18:39:47 +03:00
parent 59a279f924
commit 795f92fe61
10 changed files with 179 additions and 191 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/Auth/auth.scss
View File

@ -1,10 +1,10 @@
.auth-partners { .auth-partners {
font-family: "LabGrotesque", sans-serif; background-color: #f1f1f1;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
&__background { &__background {
background-color: #f1f1f1;
position: relative; position: relative;
} }

2
src/pages/FrequentlyAskedQuestion/FrequentlyAskedQuestion.scss
View File

@ -2,9 +2,7 @@
.frequently-asked-question { .frequently-asked-question {
background: #f5f5f5; background: #f5f5f5;
height: 100%;
min-height: 100vh; min-height: 100vh;
font-family: "LabGrotesque", sans-serif;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

2
src/pages/FrequentlyAskedQuestions/FrequentlyAskedQuestions.scss
View File

@ -1,8 +1,6 @@
.frequently-asked-questions { .frequently-asked-questions {
background: #f5f5f5; background: #f5f5f5;
height: 100%;
min-height: 100vh; min-height: 100vh;
font-family: "LabGrotesque", sans-serif;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

4
src/pages/PartnerAddRequest/partnerAddRequest.scss
View File

@ -1,8 +1,8 @@
.partner-add-request { .partner-add-request {
background: #f1f1f1; background: #f1f1f1;
height: 100%; display: flex;
flex-direction: column;
min-height: 100vh; min-height: 100vh;
font-family: "LabGrotesque", sans-serif;
.container { .container {
max-width: 1160px; max-width: 1160px;

8
src/pages/PartnerBid/partnerBid.scss
View File

@ -1,11 +1,13 @@
.partner-bid { .partner-bid {
background: #f1f1f1; background: #f1f1f1;
height: 100%; display: flex;
flex-direction: column;
min-height: 100vh; min-height: 100vh;
font-family: "LabGrotesque", sans-serif;
.container { .container {
max-width: 1160px; display: flex;
flex-direction: column;
flex: 1;
margin-top: 23px; margin-top: 23px;
@media (max-width: 570px) { @media (max-width: 570px) {

8
src/pages/PartnerEmployees/partnerEmployees.scss
View File

@ -1,8 +1,8 @@
.partner-employees { .partner-employees {
background: #f1f1f1; background: #f1f1f1;
height: 100%; display: flex;
flex-direction: column;
min-height: 100vh; min-height: 100vh;
font-family: "LabGrotesque", sans-serif;
&__title { &__title {
color: #000000; color: #000000;
@ -167,7 +167,9 @@
} }
.container { .container {
max-width: 1160px; display: flex;
flex-direction: column;
flex: 1;
margin-top: 23px; margin-top: 23px;
@media (max-width: 570px) { @media (max-width: 570px) {

311
src/pages/ProfileCandidate/ProfileCandidate.scss
View File

@ -1,166 +1,159 @@
.profile-candidate{ .profile-candidate {
background: #F1F1F1; background: #f1f1f1;
height: 100%; display: flex;
min-height: 100vh; flex-direction: column;
font-family: "LabGrotesque", sans-serif; min-height: 100vh;
display: flex; &__container {
flex-direction: column; display: flex;
//max-width: 1200px; flex-direction: column;
&__container{ margin: 0 auto 42px auto;
max-width: 1160px; flex: 1 1 auto;
margin: 0 auto 42px auto; padding: 0 15px;
flex: 1 1 auto; }
padding: 0 15px; &__title {
} margin: 0 0 31px 0;
&__title{ }
margin: 0 0 31px 0; &__row {
} display: flex;
&__row{ gap: 30px;
display: flex; flex-wrap: wrap;
gap: 30px; }
flex-wrap: wrap; // &__column{
} // flex: 1 1 60%;
// &__column{ // }
// flex: 1 1 60%; &__tests {
// } display: flex;
&__tests{ flex-wrap: wrap;
display: flex; justify-content: space-between;
flex-wrap: wrap; flex: 1 1 60%;
justify-content: space-between; gap: 30px;
flex: 1 1 60%; }
gap: 30px; &__cards {
} display: flex;
&__cards{ gap: 29px;
display: flex; width: 100%;
gap: 29px; @media (max-width: 660px) {
width: 100%; flex-wrap: wrap;
@media (max-width: 660px) { }
flex-wrap: wrap; }
} &__head-bottom {
} margin: 0 0 27px 0;
&__head-bottom{ //max-width: 1160px;
margin: 0 0 27px 0; }
//max-width: 1160px;
}
} }
.instructions-candidate {
.instructions-candidate{ flex: 1 1 auto;
flex: 1 1 auto; background: #ffffff;
background: #FFFFFF; border-radius: 12px;
border-radius: 12px; &__container {
&__container{ padding: 40px 18px 32px 36px;
padding: 40px 18px 32px 36px; display: flex;
display: flex; flex-direction: column;
flex-direction: column; gap: 29px;
gap: 29px; @media (max-width: 660px) {
@media (max-width: 660px) { padding: 20px;
padding: 20px; }
} }
} &__note {
&__note{ display: flex;
display: flex; align-items: center;
align-items: center; gap: 22px;
gap: 22px; &:not(:last-child) {
&:not(:last-child){ margin: 0 0 30px 0;
margin: 0 0 30px 0; }
} }
&__icon {
} width: 25px;
&__icon{ height: 30px;
width: 25px; }
height: 30px; &__title {
} color: #52b709;
&__title{ font-weight: 900;
color: #52B709; font-size: 14px;
font-weight: 900; line-height: 171%;
font-size: 14px; margin: 0 0 20px 0;
line-height: 171%; }
margin: 0 0 20px 0; &__text {
} font-weight: 400;
&__text{ font-size: 12px;
font-weight: 400; line-height: 200%;
font-size: 12px; color: #000000;
line-height: 200%; max-width: 235px;
color: #000000; span {
max-width: 235px; color: #406128;
span{ font-weight: 700;
color: #406128; text-decoration: underline;
font-weight: 700; }
text-decoration: underline; }
}
}
} }
.info-candidate{ .info-candidate {
width: 100%; width: 100%;
background: #fff; background: #fff;
border-radius: 12px; border-radius: 12px;
padding: 20px 45px; padding: 20px 45px;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 47px; gap: 47px;
@media (max-width:560px) { @media (max-width: 560px) {
padding: 20px; padding: 20px;
} }
&__img{ &__img {
flex: 0 0 88px; flex: 0 0 88px;
height: 88px; height: 88px;
img{ img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
border-radius: 50%; border-radius: 50%;
} }
} }
&__info{ &__info {
width: 100%; width: 100%;
} }
&__title{ &__title {
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 16px;
line-height: 200%; line-height: 200%;
color: #000000; color: #000000;
margin: 0 0 12px 0; margin: 0 0 12px 0;
} }
&__decor{ &__decor {
background: #52B709; background: #52b709;
border-radius: 12px; border-radius: 12px;
height: 8px; height: 8px;
width: 60%; width: 60%;
} }
} }
.bottom-head{ .bottom-head {
margin: 0 0 40px 0; margin: 0 0 40px 0;
height: 66px; height: 66px;
background: #FFF; background: #fff;
&__container{ &__container {
max-width: 1160px; margin: 0 auto;
margin: 0 auto; padding: 0 15px;
padding: 0 15px; height: 100%;
height: 100%; display: flex;
display: flex; justify-content: space-between;
justify-content: space-between; align-items: center;
align-items: center; }
} &__img {
&__img{ flex: 0 0 37px;
flex: 0 0 37px; height: 37px;
height: 37px; img {
img{ width: 100%;
width: 100%; height: 100%;
height: 100%; object-fit: cover;
object-fit: cover; border-radius: 50%;
border-radius: 50%; }
} }
} &__title {
&__title{ font-weight: 500;
font-weight: 500; font-size: 18px;
font-size: 18px; line-height: 178%;
line-height: 178%; color: #807777;
color: #807777; }
} }
}

18
src/pages/Quiz/quiz-page.scss
View File

@ -1,13 +1,12 @@
.quiz-page { .quiz-page {
background: #f1f1f1; background: #f1f1f1;
height: 100%;
min-height: 100vh; min-height: 100vh;
font-family: "LabGrotesque", sans-serif;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
&__container { &__container {
max-width: 1160px; display: flex;
flex-direction: column;
margin: 23px auto 42px auto; margin: 23px auto 42px auto;
flex: 1 1 auto; flex: 1 1 auto;
width: 100%; width: 100%;
@ -64,9 +63,7 @@
.interjacent-page-quiz { .interjacent-page-quiz {
background: #f1f1f1; background: #f1f1f1;
height: 100%;
min-height: 100vh; min-height: 100vh;
font-family: "LabGrotesque", sans-serif;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -79,7 +76,7 @@
} }
&__container { &__container {
max-width: 1160px; display: flex;
margin: 23px auto 42px auto; margin: 23px auto 42px auto;
flex: 1 1 auto; flex: 1 1 auto;
width: 100%; width: 100%;
@ -96,14 +93,12 @@
.passing-tests-page { .passing-tests-page {
background: #f1f1f1; background: #f1f1f1;
height: 100%;
min-height: 100vh; min-height: 100vh;
font-family: "LabGrotesque", sans-serif;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
&__container { &__container {
max-width: 1160px; display: flex;
margin: 23px auto 42px auto; margin: 23px auto 42px auto;
flex: 1 1 auto; flex: 1 1 auto;
width: 100%; width: 100%;
@ -136,14 +131,13 @@
.quiz-report-page { .quiz-report-page {
background: #f1f1f1; background: #f1f1f1;
height: 100%;
min-height: 100vh; min-height: 100vh;
font-family: "LabGrotesque", sans-serif;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
&__container { &__container {
max-width: 1160px; display: flex;
flex-direction: column;
margin: 23px auto 42px auto; margin: 23px auto 42px auto;
flex: 1 1 auto; flex: 1 1 auto;
width: 100%; width: 100%;

5
src/pages/Statistics/statistics.scss
View File

@ -1,9 +1,8 @@
.statistics { .statistics {
background: #f1f1f1; background: #f1f1f1;
height: 100%; display: flex;
flex-direction: column;
min-height: 100vh; min-height: 100vh;
font-family: "LabGrotesque", sans-serif;
position: relative;
&-header { &-header {
display: flex; display: flex;

8
src/pages/ViewReport/viewReport.scss
View File

@ -1,11 +1,13 @@
.view-report { .view-report {
background: #f1f1f1; background: #f1f1f1;
height: 100%; display: flex;
flex-direction: column;
min-height: 100vh; min-height: 100vh;
font-family: "LabGrotesque", sans-serif;
.container { .container {
max-width: 1160px; display: flex;
flex-direction: column;
flex: 1;
margin-top: 23px; margin-top: 23px;
@media (max-width: 570px) { @media (max-width: 570px) {