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

fix list employees

Browse Source
This commit is contained in:
Victor Batischev 2024-01-30 20:26:58 +03:00
parent 43cd44f0a9
commit 8462d38862
2 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Modal/Tracker/ListEmployees/ListEmployees.jsx
View File

@ -51,8 +51,8 @@ const ListEmployees = ({
{caseOfNum(projectBoard.projectUsers?.length, "persons")} {caseOfNum(projectBoard.projectUsers?.length, "persons")}
</div> </div>
<div className="persons__list__info"> <div className="persons__list__info">
<span>В проекте - </span> <span>В проекте </span>
<p>“{projectBoard.name}”</p> <p>{projectBoard.name}</p>
</div> </div>
<div className="persons__list__items"> <div className="persons__list__items">
{projectBoard.projectUsers?.map((person) => { {projectBoard.projectUsers?.map((person) => {

23
src/components/Modal/Tracker/ListEmployees/listEmployees.scss
View File

@ -100,15 +100,15 @@
flex-direction: column; flex-direction: column;
background: linear-gradient(180deg, #ffffff 0%, #ebebeb 100%); background: linear-gradient(180deg, #ffffff 0%, #ebebeb 100%);
border-radius: 20px; border-radius: 20px;
padding: 30px; padding: 20px;
cursor: default; cursor: default;
width: 800px; width: 700px;
&__close { &__close {
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
right: 25px; right: 20px;
top: 25px; top: 20px;
margin-left: auto; margin-left: auto;
width: 35px; width: 35px;
height: 35px; height: 35px;
@ -122,7 +122,7 @@
span { span {
font-size: 44px; font-size: 44px;
font-weight: 700; font-weight: 700;
line-height: 40px; line-height: 30px;
width: auto; width: auto;
height: auto; height: auto;
margin-right: 5px; margin-right: 5px;
@ -131,7 +131,7 @@
&__info { &__info {
display: flex; display: flex;
margin: 11px 0 35px; margin: 10px 0;
align-items: center; align-items: center;
span { span {
@ -161,14 +161,13 @@
&__items { &__items {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
row-gap: 32px; row-gap: 10px;
column-gap: 85px; column-gap: 30px;
margin-bottom: 38px; margin-bottom: 10px;
} }
&__item { &__item {
display: flex; display: flex;
justify-content: space-between;
align-items: center; align-items: center;
max-width: 300px; max-width: 300px;
width: 100%; width: 100%;
@ -181,13 +180,13 @@
span { span {
display: block; display: block;
font-weight: 400; font-weight: 500;
font-size: 15px; font-size: 15px;
line-height: initial; line-height: initial;
color: #807777; color: #807777;
width: auto; width: auto;
height: auto; height: auto;
max-width: 215px; max-width: 280px;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;