fixes
This commit is contained in:
parent
2e13c16c27
commit
2b65b42494
@ -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} {SKILLS[currentCandidateObj.position_id]} {LEVELS[currentCandidateObj.level]}</h3>
|
||||
<div className='candidate__arrow' onClick={() => navigate('/profile/catalog')}>
|
||||
<div className='candidate__arrow-img'>
|
||||
<img src={rightArrow} alt=''/>
|
||||
|
@ -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;
|
||||
|
@ -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 {
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -300,6 +300,10 @@
|
||||
img {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
@media (max-width: 660px) {
|
||||
margin: 15px 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__partnersForPart {
|
||||
|
@ -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'>
|
||||
|
@ -10,6 +10,10 @@
|
||||
align-items: center;
|
||||
margin-top: 55px;
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
padding-top: 70px;
|
||||
}
|
||||
|
||||
.step {
|
||||
top: 36.5%;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user