Chneemann/join
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added btns

Browse source
This commit is contained in:
Chneemann 2024-04-18 10:49:30 +02:00
parent da56150d08
commit a8b9c4c240
2 changed files with 47 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/app/shared/components/overlay/task-overlay/task-overlay.component.html
View file

@ -82,4 +82,15 @@
}
</div>
</div>
<div class="btns">
<div class="btn btn-delete">
<img src="./../../../../../assets/img/contact/delete.svg" alt="" />
<p>Delete</p>
</div>
<span>|</span>
<div class="btn btn-edit">
<img src="./../../../../../assets/img/contact/edit.svg" alt="" />
<p>Edit</p>
</div>
</div>
</section>

37
src/app/shared/components/overlay/task-overlay/task-overlay.component.scss
View file

@ -25,7 +25,7 @@ section {
}
.content {
height: calc(700px - 72px);
height: calc(700px - 104px);
overflow-y: auto;
}
@ -144,6 +144,7 @@ section {
overflow: hidden;
white-space: nowrap;
p {
color: var(--black);
font-size: 20px;
font-weight: 400;
margin: 0;
@ -176,6 +177,7 @@ section {
padding: 6px 12px;
cursor: pointer;
p {
color: var(--black);
font-size: 20px;
font-weight: 400;
margin: 0 0 0 18px;
@ -194,3 +196,36 @@ section {
height: 24px;
}
}
// BTNS
.btns {
display: flex;
align-items: center;
justify-content: right;
width: 100%;
margin-top: 12px;
img {
width: 20px;
height: 20px;
padding-right: 12px;
}
p {
font-size: 16px;
font-weight: 400;
}
span {
padding: 0 12px;
}
.btn {
display: flex;
align-items: center;
cursor: pointer;
&:hover {
filter: invert(60%) sepia(58%) saturate(1629%) hue-rotate(165deg);
}
&:last-child {
padding-right: 24px;
}
}
}