personal area partner with fixes report

This commit is contained in:
2023-02-21 19:05:04 +03:00
parent 740659e1f1
commit e26b8cc22e
22 changed files with 873 additions and 122 deletions

View File

@ -112,15 +112,15 @@ export const ViewReport = () => {
</tr>
</thead>
<tbody>
{taskText.length && taskText.map((task) => {
{taskText.length && taskText.map((task, index) => {
return <tr key={task.id}>
<td>
<p>{task.task}</p>
<p>{index + 1}. {task.task}</p>
</td>
<td>
<div className='viewReport__done__hours__item'>
<span>{task.hours}</span>
<p>часа на задачу</p>
<p className='hours'>часов на задачу</p>
</div>
</td>
</tr>

View File

@ -270,15 +270,11 @@
p {
font-weight: 400;
font-size: 12px;
line-height: 24px;
font-size: 15px;
line-height: 20px;
max-width: 755px;
color: #000000;
@media (max-width: 750px) {
font-size: 10px;
line-height: 18px;
}
@media (max-width: 465px) {
text-align: center;
line-height: 14px;
@ -330,6 +326,15 @@
align-items: center;
min-width: 155px;
.hours {
font-size: 15px;
@media (max-width: 1170px) {
font-size: 13px;
text-align: center;
}
}
@media (max-width: 900px) {
column-gap: 0;
justify-content: space-between;
@ -337,14 +342,14 @@
width: 100%;
}
@media (max-width: 575px) {
@media (max-width: 775px) {
flex-direction: column;
justify-content: center;
row-gap: 10px;
}
span {
width: 48px;
max-width: 48px;
height: 48px;
background: #8DC63F;
border-radius: 50px;
@ -355,11 +360,12 @@
font-size: 22px;
line-height: 32px;
color: #000000;
width: 100%;
@media (max-width: 900px) {
width: 25px;
height: 25px;
font-size: 18px;
max-width: 28px;
height: 28px;
font-size: 15px;
}
}
@ -404,8 +410,8 @@
p {
font-weight: 400;
font-size: 12px;
line-height: 24px;
font-size: 15px;
line-height: 20px;
@media (max-width: 650px) {
font-size: 10px;