From 653af43f52c8b6d00287f699281eaf17e1c32e2c Mon Sep 17 00:00:00 2001 From: M1kola Date: Mon, 20 Mar 2023 14:00:10 +0300 Subject: [PATCH] partner treaties --- src/App.js | 2 + src/components/ProfileHeader/ProfileHeader.js | 2 +- .../PartnerPersonalInfo.js | 8 +- .../parthnerPersonalInfo.scss | 2 +- .../PartnerTreaties/Images/actTreaties.png | Bin 0 -> 458 bytes .../PartnerTreaties/Images/arrowCheck.png | Bin 0 -> 473 bytes .../PartnerTreaties/Images/arrowDown.png | Bin 0 -> 248 bytes .../PartnerTreaties/Images/avatarMok.png | Bin 0 -> 3358 bytes .../PartnerTreaties/Images/checkTreaties.png | Bin 0 -> 407 bytes src/pages/PartnerTreaties/Images/lock.svg | 4 + src/pages/PartnerTreaties/Images/lockDone.svg | 4 + .../PartnerTreaties/Images/logoAstral.png | Bin 0 -> 3184 bytes .../PartnerTreaties/Images/mainTreaties.png | Bin 0 -> 505 bytes src/pages/PartnerTreaties/PartnerTreaties.js | 356 ++++++++++++++++ .../PartnerTreaties/partnerTreaties.scss | 393 ++++++++++++++++++ src/pages/Profile/Profile.js | 2 +- src/pages/Summary/summary.scss | 1 - 17 files changed, 766 insertions(+), 8 deletions(-) create mode 100644 src/pages/PartnerTreaties/Images/actTreaties.png create mode 100644 src/pages/PartnerTreaties/Images/arrowCheck.png create mode 100644 src/pages/PartnerTreaties/Images/arrowDown.png create mode 100644 src/pages/PartnerTreaties/Images/avatarMok.png create mode 100644 src/pages/PartnerTreaties/Images/checkTreaties.png create mode 100644 src/pages/PartnerTreaties/Images/lock.svg create mode 100644 src/pages/PartnerTreaties/Images/lockDone.svg create mode 100644 src/pages/PartnerTreaties/Images/logoAstral.png create mode 100644 src/pages/PartnerTreaties/Images/mainTreaties.png create mode 100644 src/pages/PartnerTreaties/PartnerTreaties.js create mode 100644 src/pages/PartnerTreaties/partnerTreaties.scss diff --git a/src/App.js b/src/App.js index ba98af3c..92c42c04 100644 --- a/src/App.js +++ b/src/App.js @@ -26,6 +26,7 @@ import {PartnerRequests} from './pages/PartnerRequests/PartnerRequests' import {PartnerAddRequest} from './pages/PartnerAddRequest/PartnerAddRequest' import {PartnerBid} from './pages/PartnerBid/PartnerBid' import {PartnerPersonalInfo} from "./pages/PartnerPersonalInfo/PartnerPersonalInfo"; +import {PartnerTreaties} from "./pages/PartnerTreaties/PartnerTreaties"; import './fonts/stylesheet.css' import 'bootstrap/dist/css/bootstrap.min.css' @@ -71,6 +72,7 @@ const App = () => { }/> }/> }/> + }/> }/> diff --git a/src/components/ProfileHeader/ProfileHeader.js b/src/components/ProfileHeader/ProfileHeader.js index 200cb0fd..5be4cf30 100644 --- a/src/components/ProfileHeader/ProfileHeader.js +++ b/src/components/ProfileHeader/ProfileHeader.js @@ -59,7 +59,7 @@ export const ProfileHeader = () => { name: 'Трекер' }, { - path: '/payouts', + path: '/treaties', name: 'Договора' }, { diff --git a/src/pages/PartnerPersonalInfo/PartnerPersonalInfo.js b/src/pages/PartnerPersonalInfo/PartnerPersonalInfo.js index 70b43150..55867f2d 100644 --- a/src/pages/PartnerPersonalInfo/PartnerPersonalInfo.js +++ b/src/pages/PartnerPersonalInfo/PartnerPersonalInfo.js @@ -91,7 +91,7 @@ export const PartnerPersonalInfo = () => { }, ]) return ( -
+
{ {name: 'Данные моего персонала', link: '/profile/employees'}, ]} /> -

Данные персонала

-
+

Данные персонала

+
{personalInfoItems.map((item, index) => { - return + return
{item.title}

{item.title}

diff --git a/src/pages/PartnerPersonalInfo/parthnerPersonalInfo.scss b/src/pages/PartnerPersonalInfo/parthnerPersonalInfo.scss index 07aa52c3..3caf5003 100644 --- a/src/pages/PartnerPersonalInfo/parthnerPersonalInfo.scss +++ b/src/pages/PartnerPersonalInfo/parthnerPersonalInfo.scss @@ -1,4 +1,4 @@ -.infoPersonal { +.personalInfo { background: #F1F1F1; height: 100%; min-height: 100vh; diff --git a/src/pages/PartnerTreaties/Images/actTreaties.png b/src/pages/PartnerTreaties/Images/actTreaties.png new file mode 100644 index 0000000000000000000000000000000000000000..3bb6681fa779fba1a63e8fdcb2a958c89250f805 GIT binary patch literal 458 zcmV;*0X6=KP)Eoy02u6A+jFN`mnHh?8$%OFI#!h^Vm@iph98B{(p9uDQD z2=qs+eLu{Z5+?MeS~tzWhteqGbT*r0;?2PGhc-oMI+4lyC9SV@R>ZW{*5qP#C(Vpb zkEYq52j0kNlnUwGZqqE3W8z50$BP3P7>x$+>z=6ywqnI9cG{+Bq;lS^#w8{>uIoiX zanjW}MSQgm_^B5GBvJ{O6Z#GI+DB(aKPvS<0Se!o00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<)$KskYRX~P2chEj0j&YnPTAUii;MGgQ9fhBMPjvz!w3og3Jv5_VcR5ks4;k^z@Ao54U%iR#U zwwkVgeRN0Orlv{*dVzJpe?vp*x(A{-5F7jgOnaSA`wVz>XXZiL`nP!Bn65j+7Vjf7 zyJ_9*&ppQ6JU#2dxfHwgR;3MxE1|-+;u}9Z2MrKMjR*<;i2!}i)>~E$ zM6Pg0c;b%moH6WE96zcM(Sg5Ly&ruCE{NiwxE*0|Vc%DJ%5iR&5n?%6-RogL*;}F@ zD9h(uPKDuoH%#iu7n9EduH)3wMJ_*Z3d-w_8XCYgpXA@`O=}K9h!ge$HM`b`kL`xy P00000NkvXXu0mjf#yrTg literal 0 HcmV?d00001 diff --git a/src/pages/PartnerTreaties/Images/arrowDown.png b/src/pages/PartnerTreaties/Images/arrowDown.png new file mode 100644 index 0000000000000000000000000000000000000000..84e0ecad27d7eaf720727e3677c331a5c97e4e7e GIT binary patch literal 248 zcmeAS@N?(olHy`uVBq!ia0vp^+(0bE!3HFIOI1pN6lZ})WHC@&7=#%aX3dcR3NjW4 zxjQkeJ16rJ$YDu$^mSxl*x1kgCy^DT(bL5-q=ND7xxJjt4iXIyjVG3H-c<1ANSQXJ z@di7~@&XRQHFF#`2mw zT(kDY7R7%LwhP!LI_E#;j;RrS$So*m@w(x+PM8+^15OnMP)&?ptP(nd~bG2@)EJQ9w`xwF)Q*h?QCjr4^xgTnbiCId!Y2Qjhkya1XsAv`03Mqs|f&>U5+a!}cv%L3i|N8=2CzmWCN0Yjoy4kk!}oX`n6!v2+oa6&f(-F!`g&VFUzb3oE?>99Ab>`G#t{= zkqHT2^dlJh0Vk@eVl_iu6x5A7h{$l#J^_({p^G-nf3+Kl1c5rQ z2m8PL0*ChP#)Y$I(b&)cL(^J2B@;xsTu4eu!(~H3NU37nXZx_%-8A(j^6!!Jq}3@y5$bQLt|xfSYdYs>ABlZo6rtCrJz+tn}R1XQOJ>t0)pPd9I} z>Ev&4b z*73VGt-h<_@rH({?985qdN1BuxdO8C{bXxGmsQU_3$Lfrvb-K-ORG7LyYyWf!6v_V zo(AJ;ScI_HmiN|298j#n-_nBZn>JeRM*|;OTJCN0LX%)ob#)w>ccC3s8*9DT`HA&8 zVt0MJ1kwJEk2caeT4zn3F5TewiM^@#ze%tqAWx(IuYe5{9y~yQ4NJ0u+?e6Hh>LZ> zDmo5`@RomV-)em@fsw~6Yv+l3Nia1GU6|Ce0cBanfA;U84#Ni)v1pGSITR}&nTva8 zOrX)VHYgp*i2J=?dp97$(ZA9y-gh!9W4wi7YJ(j^^BXa?4daj z8N=M$Zor`QWJH4VXU>}Q(JBnarv>BF21(6apG<=s3mfnU{HU(#IkIWGft-PIVOC)SUmG)%)NCiw(lv#p2F{N>dXar8=B1kMdb;^ zx}%XdBohYO@ z&Hf;qG>6?pFfJh$J46Efgd>|klNo1dmd>Or>KA=L+)x373ORf zYhbCj9+#yim~p4Fz8T5!Zpa}`b1-7-Pp8aZXhV3eIBg=4xaA!f5XOe11Uc!y8(JJ#M-$NL^o+t>nUTmp_K zjiYA5M{LP*l23AtQE{dY6=b1qfhJr#LKl%~iP+QJLB68`VU%g|2h3cy$&p~8!&V8! zYJ?H)P?eAcH9G*crVP3WHe5$10=+@Hc!}ww!glO7s6RuE29M3a1@~Y}?rG{xE^656 zj$af_uRVu>)n_|D6v40mD;FlpqqB%uj(KmDoS3u{?Iapu1I(nz(GZ>3-KDGrH~XN> zxz3r?*0)tKS!$3d8lFJ}@H<@asm{({b|okVKyjK1hJ^W?{8jF~8W)fpXj0-~7j&3< zPN6@0=zauj!l2D=MdBb_R$0^@a73){m^p~gw4s2L!fSm6J@=UzFc^hgl`@=|l-BFS z&R%-rD6=u=I)dK$Mxj6Z>HdC10B>wM&BYQ#1^t&=Y>kwz_AcNl26AaXO|l_Di37Ai z==6^epuwn#>fzm9Al6J-R`y9QXY@8oef)?3Vr@L1I<)g#6mHrfxWZ3U{Omp=;qR&e zP(wkg{M#PM(NPS}#^ocDbeR%$Pn7D|PTaV1xV+|FNUsr2;G(slwh+DI!6SO;?fSN@9jZ=AH~2M`tF_CZbGp%JK#vf>z9yDCHt6 z*1D71Eh#MMLx+K9t!`LN?s|c0IprsaV0F*rs2#5(5$D}QBO+&-p7XWh)?BsTO^yGE zKK3F)h?J>#z!fwnQ`$)ikF>V|Z_}>UnSe8~`H^_$CG2f6T6TyVli)Lq8L}j;iL^L- z38yoL!^2!=y~c#^;$^W}UDr|n?~^DEq=H9&ki%t}uel*R+bqGgjZtZ7sjHGjeMuaz zflY{Dqcqkb^P_c0JhTrbbO;)E+f*dx4QuT{B;rvQKSPk^v^()0IE>Pb|3EI~nNG?# zz1Lok^4n*@pE|(u{!f6`^{?YH5+~;{=IcaI;8JP|QNauAi00?F+J6YIWYKyPk=uc{i2MaA%Z`Zau&9%QEvq}_dD zd*gKSTYkrEcqUAR;c$l4MO1`b47cZJCU0-kudC4Evf9-_Lw_)=`_rgOz9tNQeI;T} zpX#=C4p7zYba@F{L?uku&9ElBqA6){zz7DRwTMNZo5d#aEGIn+@vfMV{rJ)bpm@=v z2qdQTXiYJ_XuiERIxFSDj^B6VamedU;4S)2^1B{gRk)vY~g|5Q~$9FfXQN+Z|mJxezzr91uLV`$3B6)9MVzOWyDY0BuF#M)j73Y@I; zj%w2MZB(-fkwP%IicjE2t6u`Man7KL!fn83ewx3spdjLq?Vc-g6yN(W>W5#`$&z&2 zByoN8=zJRe69e!jdEEio`jJ)Un2yS6c^oDRJMLk7yp~Kk)i%>se z%tbkP=xAVWetN==ko}++6kMpDO6P_jlRKFt9i9pdTe<|2uA#4J4zy4`rUD_$y`*(^ z>Oiux+T;7*KJg4%(z7*{vzb?AC2j6Wu2;t&MbXIRkmk^Bt=!Up+!fFE3poL^^gyRY zO}_3|qd5D}^Q8Xqhbe%CVHUUcapMV)WC+9_Z>Q5)J1q(`H z5fP=cEz6e=QI8iaMP2QkFe`JBX2lG}m8Ga}syB}T#E#k;bifHB0)@SQBnuIr>p#V z=Ze>V*xzh-1%LnjRO7R)vv_mkU389c4K%HltX0An*F2`G&0JEB@zm6PT;qXoTDV5pF$b%U-M!txdKbkeEoK(kA_j)K({UEveDqDbq z8wJ%_5}u;|?V^}XE-DG}0jH!yL_kN2e(HJp|Hd?R$R2E+7I91t4eE*{s4a(cIK=D3LO9d002ovPDHLkV1iUN BqjvxR literal 0 HcmV?d00001 diff --git a/src/pages/PartnerTreaties/Images/lock.svg b/src/pages/PartnerTreaties/Images/lock.svg new file mode 100644 index 00000000..5e42c042 --- /dev/null +++ b/src/pages/PartnerTreaties/Images/lock.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/pages/PartnerTreaties/Images/lockDone.svg b/src/pages/PartnerTreaties/Images/lockDone.svg new file mode 100644 index 00000000..a4bb9449 --- /dev/null +++ b/src/pages/PartnerTreaties/Images/lockDone.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/pages/PartnerTreaties/Images/logoAstral.png b/src/pages/PartnerTreaties/Images/logoAstral.png new file mode 100644 index 0000000000000000000000000000000000000000..256f106e4f9862b0b622d7b265ce43f687d89f52 GIT binary patch literal 3184 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 literal 0 HcmV?d00001 diff --git a/src/pages/PartnerTreaties/PartnerTreaties.js b/src/pages/PartnerTreaties/PartnerTreaties.js new file mode 100644 index 00000000..df732be2 --- /dev/null +++ b/src/pages/PartnerTreaties/PartnerTreaties.js @@ -0,0 +1,356 @@ +import React, {useState} from 'react'; + +import {ProfileHeader} from "../../components/ProfileHeader/ProfileHeader"; +import {ProfileBreadcrumbs} from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs" +import {Footer} from "../../components/Footer/Footer"; + +import mainTabImg from "./Images/mainTreaties.png" +import actImg from "./Images/actTreaties.png" +import checkImg from "./Images/checkTreaties.png" +import arrowDown from "./Images/arrowDown.png" +import logoAstral from "./Images/logoAstral.png" +import arrowItem from "./Images/arrowCheck.png" +import lock from "./Images/lock.svg" +import lockDone from "./Images/lockDone.svg" +import avatarMok from "./Images/avatarMok.png" + +import './partnerTreaties.scss' + +export const PartnerTreaties = () => { + const [toggleTab, setToggleTab] = useState(1); + + const toggleTabs = (index) => { + setToggleTab(index); + }; + return( +
+ +
+ +

Договора и отчетность

+
+
+
toggleTabs(1)} + > + img +

Основные

+
+
toggleTabs(2)} + > + img +

Акты

+
+
toggleTabs(3)} + > + img +

Счета

+
+
+
+
+
+

Реквизиты компании

+
+ arrow +
+
+
+
+

Договор № К-1-2022
от 01.11.22

+
+

Провайдер документооборота: Астрал

+
+ arrow +
+
+ logo +
+
+
+

Бойко Кирилл Сергеевич, подписал и отправил документ

+

ООО "Зоря", документ получен

+
+
+
+ lock +

01/01/2021

+
+ to +
+ lockDone +

01/02/2021

+
+
+
+
+
+
+

Доп. соглашение
№12 от 10.05.22

+
+
+ arrow +

На выполнение работ данного сотрудника

+
+
+ avatar +
+

Макаренко Дмитрий

+ Дизайнер +
+
+
+
+
+

Доп. соглашение
№12 от 10.05.22

+
+
+ arrow +

На выполнение работ данного сотрудника

+
+
+ avatar +
+

Макаренко Дмитрий

+ Дизайнер +
+
+
+
+
+
+
+
+
+

Провайдер документооборота: Астрал

+ astral +
+
+

Реквизиты компании

+
+ arrow +
+
+
+
+
+

Акт №4 от 10.03.23

+
+
+
+ avatar +
+

+ Макаренко Дмитрий +

+ + Дизайнер + +
+
+ arrow +

к Доп. соглашению № 1

+
+
+ arrow +
+
+
+
+
+

214 500,00 руб

+

147 раб.часов ( 1200руб / час )

+
+
+

Бойко Кирилл Сергеевич, подписал и отправил документ

+

ООО "Зоря", документ получен

+
+
+
+ lock +

01/01/2021

+
+ to +
+ lockDone +

01/02/2021

+
+
+
+
+
+
+

Акт №4 от 10.03.23

+
+
+
+ avatar +
+

+ Макаренко Дмитрий +

+ + Дизайнер + +
+
+ arrow +

к Доп. соглашению № 1

+
+
+ arrow +
+
+
+
+
+

214 500,00 руб

+

147 раб.часов ( 1200руб / час )

+
+
+

Бойко Кирилл Сергеевич, подписал и отправил документ

+

ООО "Зоря", документ получен

+
+
+
+ lock +

01/01/2021

+
+ to +
+ lockDone +

01/02/2021

+
+
+
+
+
+
+
+
+

Провайдер документооборота: Астрал

+ astral +
+
+

Реквизиты компании

+
+ arrow +
+
+
+
+
+

Акт №4 от 10.03.23

+
+
+
+ avatar +
+

+ Макаренко Дмитрий +

+ + Дизайнер + +
+
+ arrow +

к Доп. соглашению № 1

+
+
+ arrow +
+
+
+
+
+

214 500,00 руб

+

147 раб.часов ( 1200руб / час )

+
+
+

Бойко Кирилл Сергеевич, подписал и отправил документ

+

ООО "Зоря", документ получен

+
+
+
+ lock +

01/01/2021

+
+ to +
+ lockDone +

01/02/2021

+
+
+
+
+
+
+

Акт №4 от 10.03.23

+
+
+
+ avatar +
+

+ Макаренко Дмитрий +

+ + Дизайнер + +
+
+ arrow +

к Доп. соглашению № 1

+
+
+ arrow +
+
+
+
+
+

214 500,00 руб

+

147 раб.часов ( 1200руб / час )

+
+
+

Бойко Кирилл Сергеевич, подписал и отправил документ

+

ООО "Зоря", документ получен

+
+
+
+ lock +

01/01/2021

+
+ to +
+ lockDone +

01/02/2021

+
+
+
+
+
+
+
+
+
+
+ ) +} diff --git a/src/pages/PartnerTreaties/partnerTreaties.scss b/src/pages/PartnerTreaties/partnerTreaties.scss new file mode 100644 index 00000000..4c203582 --- /dev/null +++ b/src/pages/PartnerTreaties/partnerTreaties.scss @@ -0,0 +1,393 @@ +.treaties { + background: #F1F1F1; + height: 100%; + min-height: 100vh; + font-family: 'LabGrotesque', sans-serif; + + &__title { + font-weight: 700; + font-size: 22px; + line-height: 32px; + color: #000000; + } + + &__tabs { + display: flex; + margin-top: 30px; + + &__head { + width: 150px; + + .tab { + display: flex; + padding: 12px 40px 15px 19px; + cursor: pointer; + align-items: center; + + p { + margin: 0 0 0 15px; + font-weight: 400; + font-size: 16px; + line-height: 32px; + color: #000000; + } + } + + .active-tab { + background: white; + border-radius: 15px 0 0 15px; + } + } + + &__content { + width: calc(100% - 150px); + + &__main { + background: #FFFFFF; + border-radius: 0 12px 12px 12px; + flex-wrap: wrap; + column-gap: 34px; + display: none; + align-items: center; + + .main__head { + display: flex; + width: 100%; + justify-content: flex-end; + padding: 14px 35px; + align-items: center; + + p { + font-weight: 500; + font-size: 15px; + line-height: 22px; + color: #000000; + margin-bottom: 0; + margin-right: 25px; + } + + .img { + width: 32px; + height: 32px; + background: #E2E5CF; + border-radius: 50px; + display: flex; + align-items: center; + justify-content: center; + + img { + height: 12px; + width: 7px; + } + } + } + + .acts { + justify-content: space-between; + align-items: center; + + .provider { + display: flex; + + img { + width: 78px; + height: 21px; + } + } + + .info { + display: flex; + align-items: center; + } + } + + .notPaid { + background: #EBEBEB; + } + + .persons { + justify-content: space-between; + } + + .item { + padding: 29px 30px; + width: 100%; + display: flex; + border-radius: 0px 0px 12px 12px; + + &__info { + display: flex; + flex-direction: column; + row-gap: 16px; + + p { + margin-bottom: 0; + } + + .number { + font-weight: 500; + font-size: 18px; + line-height: 22px; + color: #000000; + } + + .astral { + display: flex; + + .img { + width: 48px; + height: 48px; + background: #CFE0B8; + display: flex; + justify-content: center; + align-items: center; + border-radius: 50px; + } + + p { + font-weight: 400; + font-size: 12px; + line-height: 20px; + color: #000000; + max-width: 180px; + margin-right: 18px; + } + } + + p { + font-weight: 300; + font-size: 10px; + line-height: 17px; + color: #000000; + } + + .logo { + max-width: 125px; + height: 33px; + } + } + + &__person { + display: flex; + + &__date { + margin-right: 25px; + + .arrow { + margin: 14px 0; + height: 14px; + width: 125px; + } + } + + &__info { + display: flex; + + img { + width: 56px; + height: 56px; + } + + &__name { + display: flex; + flex-direction: column; + margin-left: 20px; + + p { + max-width: 95px; + font-weight: 500; + font-size: 15px; + line-height: 22px; + color: #000000; + } + + span { + font-weight: 300; + font-size: 10px; + line-height: 17px; + color: #000000; + } + } + } + + &__act { + display: flex; + align-items: center; + + .arrow { + background: #CFE0B8; + border-radius: 50px; + display: flex; + align-items: center; + justify-content: center; + min-width: 48px; + height: 48px; + margin-left: 34px; + } + + &__info { + display: flex; + flex-direction: column; + + .personArrow { + margin-top: 20px; + max-width: 125px; + } + + .moreInfo { + font-weight: 300; + font-size: 10px; + line-height: 17px; + margin-top: 14px; + } + } + + &__avatar { + display: flex; + align-items: center; + + img { + width: 42px; + height: 42px; + } + } + + &__name { + margin-left: 15px; + p { + font-weight: 500; + font-size: 14px; + line-height: 18px; + max-width: 100px; + } + + span { + display: flex; + margin-top: 13px; + font-weight: 300; + font-size: 10px; + line-height: 17px; + } + } + } + } + + &__more { + display: flex; + margin-left: 130px; + flex-direction: column; + max-width: 450px; + justify-content: end; + + p { + margin-bottom: 0; + } + + &__price { + display: flex; + } + + &__names { + display: flex; + margin-bottom: 40px; + + p { + font-weight: 500; + font-size: 15px; + line-height: 20px; + color: #000000; + max-width: 200px; + + &:nth-child(2) { + margin-left: 70px; + max-width: 170px; + } + } + } + + &__date { + display: flex; + align-items: center; + column-gap: 13px; + + p { + font-weight: 500; + font-size: 14px; + line-height: 20px; + margin-left: 10px; + } + + &__from { + display: flex; + + p { + color: #A29EB6; + } + } + + &__to { + display: flex; + + p { + color: #406128; + } + } + } + + &__price { + display: flex; + justify-content: space-between; + margin-bottom: 35px; + + p { + font-weight: 500; + font-size: 20px; + line-height: 22px; + color: #000000; + } + + .total { + color: #1458DD; + } + } + } + + .price { + justify-content: space-between; + width: 100%; + max-width: none; + + .item__more__names { + justify-content: space-between; + p { + margin-left: 0; + } + } + } + } + } + + .active__content { + display: flex; + } + + .second { + border-radius: 12px; + } + } + } + + + .container { + max-width: 1160px; + margin-top: 23px; + + @media (max-width: 570px) { + margin-top: 0; + } + } + + footer { + margin-top: 70px; + } +} diff --git a/src/pages/Profile/Profile.js b/src/pages/Profile/Profile.js index 016aee8c..8bcbb70e 100644 --- a/src/pages/Profile/Profile.js +++ b/src/pages/Profile/Profile.js @@ -77,7 +77,7 @@ export const Profile = () => { description: 'Контроль времени и
выполнение задач' }, { - path: '', + path: '/treaties', img: paymentIcon, title: 'Договора и отчетность', description: 'Ключевые условия
договора' diff --git a/src/pages/Summary/summary.scss b/src/pages/Summary/summary.scss index c383d0cd..c474aaad 100644 --- a/src/pages/Summary/summary.scss +++ b/src/pages/Summary/summary.scss @@ -231,7 +231,6 @@ } &__wrapper { - max-width: 630px; display: flex; flex-wrap: wrap; column-gap: 5px;