correct css again

This commit is contained in:
cool.gitter.not.me.again.duh
2025-05-29 21:52:46 -06:00
parent d975182a66
commit 9d6ad8e622
2 changed files with 14 additions and 1 deletions

View File

@@ -535,7 +535,7 @@ function showEmptyState(show: boolean) {
async function unwatchItem(itemId: string, itemType: 'artist' | 'playlist', buttonElement: HTMLButtonElement, cardElement: HTMLElement) {
const originalButtonContent = buttonElement.innerHTML;
buttonElement.disabled = true;
buttonElement.innerHTML = '<img src="/static/images/loader-small.svg" alt="Unwatching...">'; // Assuming a small loader icon
buttonElement.innerHTML = '<img src="/static/images/refresh.svg" class="spin-counter-clockwise" alt="Unwatching...">'; // Assuming a small loader icon
const endpoint = `/api/${itemType}/watch/${itemId}`;

View File

@@ -343,4 +343,17 @@ body {
.notification-toast.hide {
opacity: 0;
transform: translateY(100%); /* Slide down for exit, or could keep translateX if preferred */
}
@keyframes spin-counter-clockwise {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
.spin-counter-clockwise {
animation: spin-counter-clockwise 1s linear infinite;
}