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;

View File

@ -7,6 +7,11 @@
padding:0 55px 0 85px;
width: 100%;
@media (max-width: 965px) {
justify-content: center;
padding: 0 20px;
}
&__start {
display: flex;
align-items: center;
@ -26,6 +31,10 @@
line-height: 32px;
color: #000000;
}
@media (max-width: 965px) {
display: none;
}
}
&__info {

View File

@ -11,6 +11,15 @@
padding: 50px 0 35px 56px;
margin-top: 40px;
display: flex;
@media (max-width: 1024px) {
margin-top: 100px;
}
@media (max-width: 870px) {
flex-direction: column;
padding: 25px;
}
}
&__info {
@ -28,6 +37,15 @@
font-weight: 400;
font-size: 16px;
line-height: 30px;
@media (max-width: 870px) {
max-width: none;
margin-bottom: 15px;
}
}
@media (max-width: 870px) {
margin-right: 0;
}
}
@ -47,6 +65,10 @@
font-weight: 400;
font-size: 15px;
line-height: 18px;
@media (max-width: 870px) {
max-width: 350px;
}
}
label {
@ -87,6 +109,10 @@
span {
color: #52B709;
}
@media (max-width: 660px) {
font-size: 25px;
}
}
&__description {
@ -103,6 +129,20 @@
row-gap: 24px;
column-gap: 21px;
width: 100%;
.categoriesItem {
@media (max-width: 1094px) {
flex: 0 0 48.6%;
}
@media (max-width: 795px) {
flex: 0 0 100%;
}
}
@media (max-width: 660px) {
margin-top: 130px;
}
}
}

View File

@ -300,6 +300,10 @@
img {
transform: rotate(90deg);
}
@media (max-width: 660px) {
margin: 15px 0;
}
}
&__partnersForPart {

View File

@ -116,7 +116,7 @@ export const PartnerBid = () => {
return <Link to='/candidate/110' key={index} className='partnerBid__suitable__person'>
<img src={person.img} alt='avatar' />
<p>{person.name}</p>
<Link className='partnerBid__suitable__person__more' to={person.link}>
<Link className='partnerBid__suitable__person__more' to='/candidate/110'>
Подробнее
</Link>
<div className='partnerBid__suitable__person__info'>

View File

@ -10,6 +10,10 @@
align-items: center;
margin-top: 55px;
@media (max-width: 1024px) {
padding-top: 70px;
}
.step {
top: 36.5%;
}