partner-area

This commit is contained in:
2023-03-16 15:10:53 +03:00
parent e505646a39
commit 7498f89940
23 changed files with 382 additions and 23 deletions

View File

@ -5,9 +5,13 @@ import {ProfileBreadcrumbs} from "../../components/ProfileBreadcrumbs/ProfileBre
import {Footer} from "../../components/Footer/Footer";
import arrowDown from "../../images/selectArrow.png"
import processImg from "../../images/partnerAddRequestFirstImg.png"
import reportImg from "../../images/partnerAddRequestSecondImg.png"
import documentsImg from "../../images/partnerAddRequestThirdInfo.png"
import {Navigate} from "react-router-dom";
import './partnerAddRequest.scss'
import {Navigate} from "react-router-dom";
export const PartnerAddRequest = () => {
if(localStorage.getItem('role_status') !== '18') {
@ -76,7 +80,10 @@ export const PartnerAddRequest = () => {
</div>
<div className='partnerAddRequest__info'>
<div className='partnerAddRequest__info__block'>
<h4>Процесс:</h4>
<div className='partnerAddRequest__info__block__title'>
<img src={processImg} alt='process' />
<h4>Процесс:</h4>
</div>
<p>
При аутстафе мы предоставляем вам
it-специалистов при этом они находятся в
@ -87,7 +94,10 @@ export const PartnerAddRequest = () => {
</p>
</div>
<div className='partnerAddRequest__info__block'>
<h4>Отчетность:</h4>
<div className='partnerAddRequest__info__block__title'>
<img src={reportImg} alt='reportImg' />
<h4>Отчетность:</h4>
</div>
<p>
Вы можете обратиться к специалисту
напрямую.
@ -100,6 +110,17 @@ export const PartnerAddRequest = () => {
и тестировщиков.
</p>
</div>
<div className='partnerAddRequest__info__block'>
<div className='partnerAddRequest__info__block__title'>
<img src={documentsImg} alt='documentsImg' />
<h4>Обмен <br/>документами:</h4>
</div>
<p>
В Личном кабинете платформы
получайте отчеты выполненных работ
и счета на согласование и оплату
</p>
</div>
</div>
</div>
</div>

View File

@ -192,10 +192,10 @@
background: #FFFFFF;
border-radius: 12px;
width: 100%;
padding: 90px 48px 200px 62px;
padding: 74px 48px 136px 62px;
display: flex;
flex-direction: column;
row-gap: 140px;
row-gap: 61px;
@media (max-width: 1020px) {
order: 1;
@ -210,11 +210,22 @@
}
&__block {
h4 {
color: #5B6871;
font-weight: 700;
font-size: 20px;
line-height: 24px;
&__title {
display: flex;
align-items: center;
margin-bottom: 15px;
img {
margin-right: 19px;
}
h4 {
color: #5B6871;
font-weight: 700;
font-size: 20px;
line-height: 24px;
margin-bottom: 0;
}
}
p {
@ -222,6 +233,13 @@
font-weight: 400;
font-size: 15px;
line-height: 18px;
margin-bottom: 0;
}
&:last-child {
.partnerAddRequest__info__block__title {
margin-bottom: 35px;
}
}
}
}