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

card redesign

Browse Source
This commit is contained in:
Victor Batischev 2024-02-09 22:40:54 +03:00
parent a196b174e2
commit 56caee4453
2 changed files with 60 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/pages/ProjectTracker/ProjectTracker.js
View File

@ -909,20 +909,6 @@ export const ProjectTracker = () => {
}}
className="tasks__board__item__description"
></p>
<div className="tasks__board__item__executor">
<img
src={
task.executor?.avatar
? urlForLocal(task.executor?.avatar)
: avatarMok
}
alt="avatar"
/>
<span>
{task.executor?.fio ||
"Исполнитель не назначен"}
</span>
</div>
{Boolean(task.mark.length) && (
<div className="tasks__board__item__tags">
{task.mark.map((tag) => {
@ -938,10 +924,11 @@ export const ProjectTracker = () => {
})}
</div>
)}
<div className="tasks__board__item__container">
{typeof task.execution_priority ===
"number" && (
<div className="tasks__board__item__priority">
<p>Приоритет:</p>
<p>⚡</p>
<span
className={
priorityClass[task.execution_priority]
@ -953,13 +940,30 @@ export const ProjectTracker = () => {
)}
{task.dead_line && (
<div className="tasks__board__item__dead-line">
<img src={calendarIcon} alt="calendar" />
<p>⌛</p>
<span>
{getCorrectDate(task.dead_line)}
</span>
</div>
)}
</div>
<div className="tasks__board__item__info">
<div className="tasks__board__item__executor">
<img
src={
task.executor?.avatar
? urlForLocal(task.executor?.avatar)
: avatarMok
}
alt="avatar"
/>
<span>
{task.executor?.fio ||
"Исполнитель не назначен"}
</span>
</div>
<div className="tasks__board__item__info__tags">
<div className="tasks__board__item__info__more">
<img
src={commentsBoard}
@ -972,6 +976,7 @@ export const ProjectTracker = () => {
<span>{task.file_count}</span>
</div>
</div>
</div>
<TrackerSelectColumn
columns={projectBoard.columns.filter(
(item) => item.id !== column.id

15
src/pages/Tracker/tracker.scss
View File

@ -806,7 +806,7 @@
&__item {
width: 328px;
padding: 6px 10px;
padding: 6px 10px 8px 10px;
position: relative;
box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.06),
0px 5px 3px -2px rgba(0, 0, 0, 0.02);
@ -845,7 +845,7 @@
color: #1a1919;
font-weight: 500;
font-size: 16px;
line-height: 24px;
line-height: 20px;
margin-bottom: 0;
max-height: 100px;
overflow: hidden;
@ -881,13 +881,24 @@
-webkit-box-orient: vertical;
}
&__container {
display: flex;
justify-content: space-between;
}
&__info {
display: flex;
column-gap: 10px;
align-items: center;
justify-content: space-between;
pointer-events: none;
margin-top: 5px;
&__tags {
display: flex;
column-gap: 5px;
}
&__more {
cursor: pointer;
display: flex;