diff --git a/src/components/UI/ModalTiket/ModalTiket.js b/src/components/UI/ModalTiket/ModalTiket.js index 9f7397c2..1f8bc842 100644 --- a/src/components/UI/ModalTiket/ModalTiket.js +++ b/src/components/UI/ModalTiket/ModalTiket.js @@ -6,8 +6,10 @@ import avatarMock1 from "../../../images/avatarMoсk1.png"; import avatarMock2 from "../../../images/avatarMoсk2.png"; import category from "../../../images/category.png"; import comments from "../../../images/comments.png"; +import watch from "../../../images/watch.png"; import files from "../../../images/files.png"; import task from "../../../images/tasksMock.png"; +import arrow from "../../../images/arrowStart.png"; export const ModalTiket = ({ active, setActive }) => { const [tiket] = useState({ @@ -85,12 +87,21 @@ export const ModalTiket = ({ active, setActive }) => { ); })} -
+ +
Добавить участников
-
- + +
+ + Длительность : +

{"8:30:22"}

+
+ +
diff --git a/src/components/UI/ModalTiket/ModalTiket.scss b/src/components/UI/ModalTiket/ModalTiket.scss index 55415d06..160adeaa 100644 --- a/src/components/UI/ModalTiket/ModalTiket.scss +++ b/src/components/UI/ModalTiket/ModalTiket.scss @@ -117,10 +117,53 @@ font-family: "Inter", sans-serif; font-weight: 500; font-size: 11px; - color: #807777; } + .add-worker { + display: flex; + align-items: center; + + span { + color: #000000; + font-size: 12px; + line-height: 32px; + margin-left: 17px; + font-style: normal; + font-weight: 400; + } + + button { + background: #8bcc60; + width: 33px; + height: 33px; + } + } + + .start { + margin-top: 25px; + background: #1458dd; + border-radius: 44px; + + img { + margin-left: 10px; + } + } + + .time { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 12px; + margin-top: 20px; + width: 160px; + + p { + color: #000000; + margin: 0; + } + } + &__creator { font-size: 14px; line-height: 32px; diff --git a/src/images/arrowStart.png b/src/images/arrowStart.png new file mode 100644 index 00000000..fe784765 Binary files /dev/null and b/src/images/arrowStart.png differ