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

update favorite img design

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/components/home/browse/hero-banner/hero-banner.component.html
View file

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

10
frontend/src/app/components/home/browse/hero-banner/hero-banner.component.scss
View file

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