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) {

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

@ -1,21 +1,19 @@
.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;
&__container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
//max-width: 1200px;
&__container{
max-width: 1160px;
margin: 0 auto 42px auto; margin: 0 auto 42px auto;
flex: 1 1 auto; flex: 1 1 auto;
padding: 0 15px; padding: 0 15px;
} }
&__title{ &__title {
margin: 0 0 31px 0; margin: 0 0 31px 0;
} }
&__row{ &__row {
display: flex; display: flex;
gap: 30px; gap: 30px;
flex-wrap: wrap; flex-wrap: wrap;
@ -23,14 +21,14 @@
// &__column{ // &__column{
// flex: 1 1 60%; // flex: 1 1 60%;
// } // }
&__tests{ &__tests {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
flex: 1 1 60%; flex: 1 1 60%;
gap: 30px; gap: 30px;
} }
&__cards{ &__cards {
display: flex; display: flex;
gap: 29px; gap: 29px;
width: 100%; width: 100%;
@ -38,20 +36,17 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
} }
&__head-bottom{ &__head-bottom {
margin: 0 0 27px 0; margin: 0 0 27px 0;
//max-width: 1160px; //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;
@ -60,33 +55,32 @@
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{ &__icon {
width: 25px; width: 25px;
height: 30px; height: 30px;
} }
&__title{ &__title {
color: #52B709; color: #52b709;
font-weight: 900; font-weight: 900;
font-size: 14px; font-size: 14px;
line-height: 171%; line-height: 171%;
margin: 0 0 20px 0; margin: 0 0 20px 0;
} }
&__text{ &__text {
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
line-height: 200%; line-height: 200%;
color: #000000; color: #000000;
max-width: 235px; max-width: 235px;
span{ span {
color: #406128; color: #406128;
font-weight: 700; font-weight: 700;
text-decoration: underline; text-decoration: underline;
@ -94,7 +88,7 @@
} }
} }
.info-candidate{ .info-candidate {
width: 100%; width: 100%;
background: #fff; background: #fff;
border-radius: 12px; border-radius: 12px;
@ -102,23 +96,23 @@
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%;
@ -126,20 +120,19 @@
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%;
@ -147,17 +140,17 @@
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%;

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) {