update favorite img design

This commit is contained in:
Chneemann 2024-08-26 23:57:55 +02:00
parent de49073d9e
commit 73fc8e0352
2 changed files with 8 additions and 4 deletions

View file

@ -58,7 +58,7 @@
)
"
></app-btn-large>
<div class="btn-small">
<div class="favorite-img">
<img
[class.red]="currentUserLikedCurrentMovie"
src="./../../../../assets/img/favorite.svg"

View file

@ -85,7 +85,7 @@ section {
justify-content: left;
width: 100%;
gap: 12px;
.btn-small {
.favorite-img {
display: flex;
align-items: center;
justify-content: center;
@ -101,10 +101,14 @@ section {
filter: brightness(0) saturate(100%) invert(18%) sepia(98%)
saturate(7267%) hue-rotate(342deg) brightness(94%) contrast(119%);
}
.red {
filter: brightness(0) saturate(100%) invert(9%) sepia(96%)
saturate(7415%) hue-rotate(248deg) brightness(90%) contrast(144%);
}
}
img {
width: 28px;
height: 28px;
width: 24px;
height: 24px;
}
}
}