Add transition to greyscale song art on pause

This commit is contained in:
Lee 2023-01-08 14:56:01 +00:00
parent 9ec59bf928
commit 00f561f20e
No known key found for this signature in database
GPG Key ID: 6EA25896ECCB3121

@ -57,6 +57,7 @@ export default function SongInfo() {
songDifficulty,
currentSongTime,
songLength,
paused,
] = useSongDataStore((store) => [
store.isLoading,
store.bsr,
@ -66,6 +67,7 @@ export default function SongInfo() {
store.songDifficulty,
store.currentSongTime,
store.songLength,
store.paused,
]);
if (!showSongInfo) {
@ -97,6 +99,10 @@ export default function SongInfo() {
placeholder="blur"
blurDataURL="https://cdn.fascinated.cc/yb4fgdc1.jpg"
unoptimized
style={{
transition: "ease-in-out 100ms",
filter: paused ? "grayscale(1)" : "",
}}
/>
<div className={styles.songInfo}>
<p className={styles.songInfoSongName}>