fixes
This commit is contained in:
		| @@ -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%; | ||||
|     } | ||||
|   | ||||
		Reference in New Issue
	
	Block a user