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 {
font-family: "LabGrotesque", sans-serif;
background-color: #f1f1f1;
overflow: hidden;
position: relative;
&__background {
background-color: #f1f1f1;
position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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