Fixed full components
This commit is contained in:
@ -1,16 +0,0 @@
|
||||
import React from 'react'
|
||||
|
||||
import './taskItem.scss'
|
||||
|
||||
export const TaskItem = ({ index, text, hours }) => {
|
||||
return (
|
||||
<div className='task-item'>
|
||||
<div className='task-item__index'>{index}.</div>
|
||||
<div className='task-item__text'>{text}</div>
|
||||
<div className='task-item__hours'>
|
||||
<div className='task-item__hours-value'>{hours}</div>
|
||||
<div className='task-item__hours-text'>Количество часов</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
16
src/components/TaskItem/TaskItem.jsx
Normal file
16
src/components/TaskItem/TaskItem.jsx
Normal file
@ -0,0 +1,16 @@
|
||||
import React from "react";
|
||||
|
||||
import "./taskItem.scss";
|
||||
|
||||
export const TaskItem = ({ index, text, hours }) => {
|
||||
return (
|
||||
<div className="task-item">
|
||||
<div className="task-item__index">{index}.</div>
|
||||
<div className="task-item__text">{text}</div>
|
||||
<div className="task-item__hours">
|
||||
<div className="task-item__hours-value">{hours}</div>
|
||||
<div className="task-item__hours-text">Количество часов</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
@ -6,7 +6,7 @@
|
||||
&__index {
|
||||
margin-top: 0.2rem;
|
||||
color: #282828;
|
||||
font-family: 'GT Eesti Pro Display';
|
||||
font-family: "GT Eesti Pro Display";
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
line-height: 48.74px;
|
||||
@ -19,7 +19,7 @@
|
||||
max-width: 525px;
|
||||
margin-left: 1.6rem;
|
||||
color: #000000;
|
||||
font-family: 'GT Eesti Pro Display';
|
||||
font-family: "GT Eesti Pro Display";
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
letter-spacing: normal;
|
||||
@ -49,7 +49,7 @@
|
||||
);
|
||||
|
||||
color: #ffffff;
|
||||
font-family: 'Muller Extra Bold';
|
||||
font-family: "Muller Extra Bold";
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
@ -61,7 +61,7 @@
|
||||
width: 69px;
|
||||
height: 25px;
|
||||
color: #000000;
|
||||
font-family: 'GT Eesti Pro Display - Thin';
|
||||
font-family: "GT Eesti Pro Display - Thin";
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
letter-spacing: normal;
|
||||
|
Reference in New Issue
Block a user