Fixed styles in tracker

This commit is contained in:
MaxOvs19
2023-06-23 10:55:22 +03:00
parent 055225d747
commit fbf64f2b39
6 changed files with 82 additions and 34 deletions

View File

@ -314,16 +314,17 @@ export const ModalTiсket = ({
onClick={(e) => e.stopPropagation()}
>
<div className="content">
<h3 className="title-project">
<Link to={`/tracker/task/${task.id}`} className="title-project__full">
<img src={fullScreen}></img>
</Link>
<div className="title-project">
<img src={category} className="title-project__category"></img>
Проект: {projectName}
<Link
to={`/tracker/task/${task.id}`}
className="title-project__full"
>
<img src={fullScreen}></img>
</Link>
</h3>
<h2>
Проект:
<h3>{projectName}</h3>
</h2>
</div>
<div className="content__task">
<span>Задача</span>

View File

@ -17,32 +17,53 @@
.modal-tiket__content {
background: #ffffff;
//border: 1px solid #dde2e4;
border-radius: 8px;
display: flex;
flex-direction: row;
.content {
position: relative;
display: flex;
flex-direction: column;
width: 600px;
margin: 26px 0 0 21px;
.title-project {
color: #1458dd;
font-family: "LabGrotesque", sans-serif;
max-width: 85%;
display: flex;
align-items: center;
font-weight: 700;
font-size: 22px;
line-height: 32px;
&__category {
margin-right: 17px;
}
h2,
h3 {
font-weight: 700;
font-size: 22px;
line-height: 32px;
color: #1458dd;
margin: 0;
font-family: "LabGrotesque", sans-serif;
}
h2 {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
h3 {
margin-left: 5px;
word-break: break-all;
}
}
&__full {
margin-left: 35%;
position: absolute;
position: absolute;
right: 28px;
top: 0;
}
}