FIX css animations

This commit is contained in:
Julien Maille 2026-01-17 01:08:31 +01:00
parent 45ce03ba44
commit f7a1f7ae9d

View file

@ -665,7 +665,7 @@ body.has-page-background .track-item:hover {
.search-tab-content.active { .search-tab-content.active {
display: block; display: block;
animation: fadeIn 0.25s cubic-bezier(0.4, 0, 0.2, 1); animation: fade-in 0.25s cubic-bezier(0.4, 0, 0.2, 1);
} }
.card-grid { .card-grid {
@ -1705,7 +1705,7 @@ input:checked + .slider::before {
z-index: 3000; z-index: 3000;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
animation: fadeIn 0.2s cubic-bezier(0.4, 0, 0.2, 1); animation: fade-in 0.2s cubic-bezier(0.4, 0, 0.2, 1);
} }
#fullscreen-cover-overlay { #fullscreen-cover-overlay {
@ -1716,7 +1716,7 @@ input:checked + .slider::before {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
animation: fadeIn 0.3s ease; animation: fade-in 0.3s ease;
overflow: hidden; overflow: hidden;
background-color: var(--background); background-color: var(--background);
@ -1819,7 +1819,7 @@ input:checked + .slider::before {
} }
#fullscreen-next-track.animate-in { #fullscreen-next-track.animate-in {
animation: fadeIn 0.5s ease 0.2s forwards; /* Added forwards to keep opacity 1 */ animation: fade-in 0.5s ease 0.2s forwards; /* Added forwards to keep opacity 1 */
} }
#fullscreen-next-track .label { #fullscreen-next-track .label {
@ -3005,34 +3005,8 @@ img[src=''] {
text-align: center; text-align: center;
} }
@keyframes scale-in {
from {
transform: scale(0.95);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
#playlist-modal { #playlist-modal {
opacity: 1; animation: fade-in 0.1s ease-in;
animation-name: fade-in-opacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 0.1s;
}
@keyframes fade-in-opacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} }
/* fuck this chud ass shit bro */ /* fuck this chud ass shit bro */