aleabodo/SleekFin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Made the backdrop animation a bit lighter on the media item page

Browse Source
This commit is contained in:
lscambo13
2025-08-07 11:33:08 -07:00
parent f4f78a1bb7
commit 6f11dbc715
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
Theme/ElegantFin-theme-nightly.css
View File

@@ -1112,7 +1112,7 @@ html {
top: -30%;
-webkit-mask: var(--itemBackdropMask);
mask: var(--itemBackdropMask);
animation: animMoveDown 1s ease-out forwards;
animation: animMoveDown .5s ease-out forwards;
height: 45vh;
}
@@ -1260,7 +1260,7 @@ html {
.layout-mobile #itemDetailPage:has(.detailImageContainer .card.backdropCard) .itemBackdrop,
.layout-mobile #itemDetailPage:has(.detailImageContainer .card .cardImageIcon.album) .itemBackdrop {
animation: animMoveDownSecondaryPage 1s ease-out forwards;
animation: animMoveDownSecondaryPage .5s ease-out forwards;
}
.layout-mobile .cardImageIcon {
@@ -1385,21 +1385,19 @@ html,
@keyframes animScaleUp {
from {
transform: scale(1) translateY(-2.5%);
transform: translateY(-2.5%);
opacity: 0;
filter: var(--blurLarge);
}
to {
transform: scale(1) translateY(0%);
transform: translateY(0%);
opacity: 1;
filter: blur(0);
}
}
.backdropImageFadeIn {
transform-origin: bottom center;
animation: animScaleUp 1s ease-out forwards;
animation: animScaleUp .5s ease-out forwards;
}
.appfooter {