This commit is contained in:
2023-04-10 18:12:36 +03:00
parent 2e13c16c27
commit 2b65b42494
7 changed files with 131 additions and 58 deletions

View File

@ -104,7 +104,7 @@ const Candidate = () => {
<div className='col-12 candidate__header'>
<div className='candidate__header__left'>
<h3>{currentCandidateObj.specification}{SKILLS[currentCandidateObj.position_id]} {LEVELS[currentCandidateObj.level]}</h3>
<h3>{currentCandidateObj.specification} &nbsp; {SKILLS[currentCandidateObj.position_id]} &nbsp; {LEVELS[currentCandidateObj.level]}</h3>
<div className='candidate__arrow' onClick={() => navigate('/profile/catalog')}>
<div className='candidate__arrow-img'>
<img src={rightArrow} alt=''/>

View File

@ -56,6 +56,10 @@
font-style: normal;
letter-spacing: normal;
text-align: left;
@media (max-width: 1200px) {
margin: 0;
}
}
&-secondary {
@ -78,6 +82,10 @@
img {
position: absolute;
@media (max-width: 768px) {
position: initial;
}
}
h3 {
@ -116,6 +124,10 @@
font-size: 12px;
color: #5B6871;
max-width: 75px;
@media (max-width: 768px) {
max-width: 100%;
}
}
}
@ -124,40 +136,40 @@
}
}
@media (max-width: 575.98px) {
.candidate {
&__title {
h2 {
font-size: 5em;
line-height: normal;
}
}
&__arrow {
margin-bottom: 40px;
&-img {
img {
cursor: pointer;
}
}
&-sp {
span {
margin-left: 40px;
margin-right: 120px;
font-family: 'GT Eesti Pro Display', sans-serif;
font-size: 1.8em;
font-weight: 100;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
}
}
}
}
}
//@media (max-width: 575.98px) {
// .candidate {
// &__title {
// h2 {
// font-size: 5em;
// line-height: normal;
// }
// }
//
// &__arrow {
// margin-bottom: 40px;
//
// &-img {
// img {
// cursor: pointer;
// }
// }
//
// &-sp {
// span {
// margin-left: 40px;
// margin-right: 120px;
// font-family: 'GT Eesti Pro Display', sans-serif;
// font-size: 1.8em;
// font-weight: 100;
// font-style: normal;
// letter-spacing: normal;
// line-height: 36px;
// text-align: left;
// }
// }
// }
// }
//}
@media (max-width: 375.98px) {
.candidate {
@ -177,7 +189,6 @@
}
&__arrow {
margin-left: 60px;
margin-bottom: 40px;
}
}
@ -185,28 +196,28 @@
@media (max-width: 575.98px) {
.candidate {
&__header {
display: flex;
flex-direction: column;
margin-left: 0;
margin-top: 40px;
}
//&__header {
// display: flex;
// flex-direction: column;
// margin-left: 0;
// margin-top: 40px;
//}
&__main {
&-description {
h2 {
font-size: 3.2em;
text-align: center;
position: absolute;
top: -410px;
left: 0;
}
img {
display: none;
}
}
}
//&__main {
// &-description {
// h2 {
// font-size: 3.2em;
// text-align: center;
// position: absolute;
// top: -410px;
// left: 0;
// }
//
// img {
// display: none;
// }
// }
//}
&__btn {
display: block;
@ -313,6 +324,11 @@
column-gap: 10px;
row-gap: 15px;
@media (max-width: 1200px) {
margin-top: 20px;
padding: 0 15px;
}
&__info {
width: 100%;
background: #E1FCCF;