Added description in modal

This commit is contained in:
MaxOvs19 2023-03-06 20:08:39 +03:00
parent 00a3fc0941
commit 06f6a99b07
2 changed files with 34 additions and 5 deletions

View File

@ -38,9 +38,25 @@ export const ModalTiket = ({ active, setActive }) => {
<img src={category} className="title-project__category"></img> <img src={category} className="title-project__category"></img>
Проект: {tiket.name} Проект: {tiket.name}
</h3> </h3>
<div> <div className="content__task">
<h4>{tiket.code}</h4> <h5>{tiket.code}</h5>
<div></div> <div className="content__description">
<p>
На многих страницах сайта отсутствуют или некорректно заполнены
метатеги Description. Это может негативно повлиять на
представление сайта в результатах поиска.Необходимо исправить
все страницы где есть ошибки или отсутствует Title и
Description.
</p>
<img src={task}></img>
<p>
На многих страницах сайта отсутствуют или некорректно заполнены
метатеги Description. Это может негативно повлиять на
представление сайта в результатах поиска.Необходимо исправить
все страницы где есть ошибки или отсутствует Title и
Description.
</p>
</div>
</div> </div>
</div> </div>
<div className="workers">workers</div> <div className="workers">workers</div>

View File

@ -17,7 +17,6 @@
} }
.modal-tiket__content { .modal-tiket__content {
height: 500px;
background: #ffffff; background: #ffffff;
border: 1px solid #dde2e4; border: 1px solid #dde2e4;
border-radius: 8px; border-radius: 8px;
@ -42,10 +41,12 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 600px; width: 600px;
margin: 26px 0 0 21px;
.title-project { .title-project {
font-family: "LabGrotesque", sans-serif; font-family: "LabGrotesque", sans-serif;
margin: 26px 0 0 21px; display: flex;
align-items: center;
font-weight: 700; font-weight: 700;
font-size: 16px; font-size: 16px;
@ -53,6 +54,18 @@
margin-right: 17px; margin-right: 17px;
} }
} }
&__task {
}
&__description {
p {
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #252c32;
}
}
} }
.workers { .workers {