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

fixes

Browse Source
This commit is contained in:
Mikola
2024-01-12 19:11:36 +03:00
parent cc0f76ea8d
commit a24ce7d7a1
8 changed files with 67 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/ArchiveTableTracker/ArchiveTasksItem/ArchiveTasksItem.jsx
View File

@ -9,23 +9,16 @@ const ArchiveTasksItem = ({ task, index }) => {
<tr key={index}>
<td className="archive__completeTask__description">
<p className="completeTask__title">{task.title}</p>
<p
className="date"
dangerouslySetInnerHTML={{
__html: task.description
}}
/>
{/*<p*/}
{/* className="date"*/}
{/* dangerouslySetInnerHTML={{*/}
{/* __html: task.description*/}
{/* }}*/}
{/*/>*/}
</td>
<td className="archive__completeTask__time">
<p>
{task.timers.length == 0
? "-"
: task.timers.map((item) => {
let time = new Date(item.deltaSeconds * 1000)
.toISOString()
.slice(11, 19);
return `${time}`;
})}
{new Date(task.timers.reduce((acc, cur) => acc + cur.deltaSeconds, 0) * 1000).toISOString().slice(11, 19)}
</p>
</td>
<td className="archive__completeTask__info">

10
src/components/ArchiveTableTracker/ArchiveTasksItem/archiveTasksItem.scss
View File

@ -0,0 +1,10 @@
.completeTask__title {
white-space: nowrap;
max-width: 250px;
text-overflow: ellipsis;
overflow: hidden;
}
.archive__completeTask__time {
text-align: center;
}

39
src/components/ArchiveTableTracker/archiveTableTracker.scss
View File

@ -1,20 +1,33 @@
.archive {
&__table {
margin: 29px 0 0 0;
height: 67px;
display: flex;
flex-direction: column;
width: 100%;
font-size: 14px;
font-weight: 400;
thead {
display: flex;
background: #f1f1f1;
color: #5b6871;
border-radius: 12px;
height: 65px;
background: #f1f1f1;
color: #5b6871;
tr {
display: grid;
padding: 20px 10px 11px;
grid-template-columns: 40% 20% 40%;
width: 100%;
}
th {
display: flex;
text-align: center;
color: #5B6871;
line-height: 32px;
font-size: 14px;
&:first-child {
padding-left: 10px;
border-top-left-radius: 12px;
@ -28,9 +41,28 @@
}
tbody {
display: grid;
max-height: 600px;
overflow-y: auto;
color: #000;
&::-webkit-scrollbar {
width: 5px;
border-radius: 10px;
}
&::-webkit-scrollbar-thumb {
background: #cbd9f9;
border-radius: 5px;
}
tr {
display: grid;
height: 65px;
align-items: center;
background-color: white;
grid-template-columns: 40% 20% 40%;
border-bottom: 1px solid rgba(241, 241, 241, 1);
&:nth-child(2n) {
background-color: rgba(241, 241, 241, 0.23);
@ -38,8 +70,7 @@
}
td {
height: 65px;
border-bottom: 1px solid rgba(241, 241, 241, 1);
display: flex;
&:first-child {
max-width: 275px;