diff --git a/layout/sidebar/audioplayer.scarlet b/layout/sidebar/audioplayer.scarlet index f958eeb0..655c38ca 100644 --- a/layout/sidebar/audioplayer.scarlet +++ b/layout/sidebar/audioplayer.scarlet @@ -12,26 +12,24 @@ align-items center width 100% -#audio-player-anime-image - opacity 0.15 !important - width 39px - height 39px +#audio-player-anime-link + width 142px + height 142px + overflow-y hidden border-radius 3px - object-fit cover - default-transition - animation rotate-y-once 5s ease infinite alternate + opacity 0.75 :hover - filter saturate(130%) - opacity 1.0 !important + opacity 1 -animation rotate-y-once - 0% - transform rotateY(0) - 90% - transform rotateY(0) - 100% - transform rotateY(90deg) +#audio-player-anime-image + width 100% + transform translateY(0%) + animation bounce-up-down 45s linear infinite + +animation bounce-up-down + 50% + transform translateY(-30%) #audio-player-track-title width 100% diff --git a/scripts/Actions/Audio.ts b/scripts/Actions/Audio.ts index 41adb1b0..bf48819a 100644 --- a/scripts/Actions/Audio.ts +++ b/scripts/Actions/Audio.ts @@ -90,7 +90,7 @@ function playAudioFile(arn: AnimeNotifier, trackId: string, trackUrl: string) { let anime = await animeResponse.json() animeLink.title = anime.title.canonical animeLink.href = "/anime/" + anime.id - animeImage.dataset.src = "//media.notify.moe/images/anime/small/" + anime.id + anime.imageExtension + animeImage.dataset.src = "//media.notify.moe/images/anime/medium/" + anime.id + anime.imageExtension animeImage.classList.remove("hidden") animeImage["became visible"]() }