apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactoring allStyles styleStyle -> style-style

Browse Source
This commit is contained in:
Никита Губарь
2024-02-09 18:17:15 +03:00
parent 81d2ee4098
commit af07631abe
93 changed files with 751 additions and 703 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/PartnerTreaties/PartnerTreaties.js
View File

@ -73,7 +73,7 @@ export const PartnerTreaties = () => {
<img src={arrowDown} alt="arrow" />
</div>
</div>
<div className="treaties__tabs__content__main__item item notPaid">
<div className="treaties__tabs__content__main__item item not-paid">
<div className="item__info">
<p className="number">
Договор № К-1-2022
@ -166,7 +166,7 @@ export const PartnerTreaties = () => {
</div>
</div>
</div>
<div className="treaties__tabs__content__main__item item notPaid">
<div className="treaties__tabs__content__main__item item not-paid">
<div className="item__info">
<p className="number">Акт №4 от 10.03.23</p>
<div className="item__person__act">
@ -179,11 +179,11 @@ export const PartnerTreaties = () => {
</div>
</div>
<img
className="personArrow"
className="person-arrow"
src={arrowItem}
alt="arrow"
/>
<p className="moreInfo">к Доп. соглашению № 1</p>
<p className="more-info">к Доп. соглашению № 1</p>
</div>
<div className="arrow">
<img src={arrowDown} alt="arrow" />
@ -225,11 +225,11 @@ export const PartnerTreaties = () => {
</div>
</div>
<img
className="personArrow"
className="person-arrow"
src={arrowItem}
alt="arrow"
/>
<p className="moreInfo">к Доп. соглашению № 1</p>
<p className="more-info">к Доп. соглашению № 1</p>
</div>
<div className="arrow">
<img src={arrowDown} alt="arrow" />
@ -278,7 +278,7 @@ export const PartnerTreaties = () => {
</div>
</div>
</div>
<div className="treaties__tabs__content__main__item item notPaid">
<div className="treaties__tabs__content__main__item item not-paid">
<div className="item__info">
<p className="number">Акт №4 от 10.03.23</p>
<div className="item__person__act">
@ -291,11 +291,11 @@ export const PartnerTreaties = () => {
</div>
</div>
<img
className="personArrow"
className="person-arrow"
src={arrowItem}
alt="arrow"
/>
<p className="moreInfo">к Доп. соглашению № 1</p>
<p className="more-info">к Доп. соглашению № 1</p>
</div>
<div className="arrow">
<img src={arrowDown} alt="arrow" />
@ -337,11 +337,11 @@ export const PartnerTreaties = () => {
</div>
</div>
<img
className="personArrow"
className="person-arrow"
src={arrowItem}
alt="arrow"
/>
<p className="moreInfo">к Доп. соглашению № 1</p>
<p className="more-info">к Доп. соглашению № 1</p>
</div>
<div className="arrow">
<img src={arrowDown} alt="arrow" />

25
src/pages/PartnerTreaties/partnerTreaties.scss
View File

@ -1,8 +1,8 @@
.treaties {
background: #F1F1F1;
background: #f1f1f1;
height: 100%;
min-height: 100vh;
font-family: 'LabGrotesque', sans-serif;
font-family: "LabGrotesque", sans-serif;
&__title {
font-weight: 700;
@ -43,7 +43,7 @@
width: calc(100% - 150px);
&__main {
background: #FFFFFF;
background: #ffffff;
border-radius: 0 12px 12px 12px;
flex-wrap: wrap;
column-gap: 34px;
@ -69,7 +69,7 @@
.img {
width: 32px;
height: 32px;
background: #E2E5CF;
background: #e2e5cf;
border-radius: 50px;
display: flex;
align-items: center;
@ -101,8 +101,8 @@
}
}
.notPaid {
background: #EBEBEB;
.not-paid {
background: #ebebeb;
}
.persons {
@ -137,7 +137,7 @@
.img {
width: 48px;
height: 48px;
background: #CFE0B8;
background: #cfe0b8;
display: flex;
justify-content: center;
align-items: center;
@ -215,7 +215,7 @@
align-items: center;
.arrow {
background: #CFE0B8;
background: #cfe0b8;
border-radius: 50px;
display: flex;
align-items: center;
@ -229,12 +229,12 @@
display: flex;
flex-direction: column;
.personArrow {
.person-arrow {
margin-top: 20px;
max-width: 125px;
}
.moreInfo {
.more-info {
font-weight: 300;
font-size: 10px;
line-height: 17px;
@ -321,7 +321,7 @@
display: flex;
p {
color: #A29EB6;
color: #a29eb6;
}
}
@ -347,7 +347,7 @@
}
.total {
color: #1458DD;
color: #1458dd;
}
}
}
@ -377,7 +377,6 @@
}
}
.container {
max-width: 1160px;
margin-top: 23px;