From 8462d38862a89bc0a6df60a3c63db96417c80a47 Mon Sep 17 00:00:00 2001 From: Victor Batischev Date: Tue, 30 Jan 2024 20:26:58 +0300 Subject: [PATCH] fix list employees --- .../Tracker/ListEmployees/ListEmployees.jsx | 4 ++-- .../Tracker/ListEmployees/listEmployees.scss | 23 +++++++++---------- 2 files changed, 13 insertions(+), 14 deletions(-) diff --git a/src/components/Modal/Tracker/ListEmployees/ListEmployees.jsx b/src/components/Modal/Tracker/ListEmployees/ListEmployees.jsx index 005caae4..09f029fa 100644 --- a/src/components/Modal/Tracker/ListEmployees/ListEmployees.jsx +++ b/src/components/Modal/Tracker/ListEmployees/ListEmployees.jsx @@ -51,8 +51,8 @@ const ListEmployees = ({ {caseOfNum(projectBoard.projectUsers?.length, "persons")}
- В проекте - -

“{projectBoard.name}”

+ В проекте +

{projectBoard.name}

{projectBoard.projectUsers?.map((person) => { diff --git a/src/components/Modal/Tracker/ListEmployees/listEmployees.scss b/src/components/Modal/Tracker/ListEmployees/listEmployees.scss index 89a15450..4dbb73cf 100644 --- a/src/components/Modal/Tracker/ListEmployees/listEmployees.scss +++ b/src/components/Modal/Tracker/ListEmployees/listEmployees.scss @@ -100,15 +100,15 @@ flex-direction: column; background: linear-gradient(180deg, #ffffff 0%, #ebebeb 100%); border-radius: 20px; - padding: 30px; + padding: 20px; cursor: default; - width: 800px; + width: 700px; &__close { cursor: pointer; position: absolute; - right: 25px; - top: 25px; + right: 20px; + top: 20px; margin-left: auto; width: 35px; height: 35px; @@ -122,7 +122,7 @@ span { font-size: 44px; font-weight: 700; - line-height: 40px; + line-height: 30px; width: auto; height: auto; margin-right: 5px; @@ -131,7 +131,7 @@ &__info { display: flex; - margin: 11px 0 35px; + margin: 10px 0; align-items: center; span { @@ -161,14 +161,13 @@ &__items { display: flex; flex-wrap: wrap; - row-gap: 32px; - column-gap: 85px; - margin-bottom: 38px; + row-gap: 10px; + column-gap: 30px; + margin-bottom: 10px; } &__item { display: flex; - justify-content: space-between; align-items: center; max-width: 300px; width: 100%; @@ -181,13 +180,13 @@ span { display: block; - font-weight: 400; + font-weight: 500; font-size: 15px; line-height: initial; color: #807777; width: auto; height: auto; - max-width: 215px; + max-width: 280px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;