fix synchronized lyric styles not applying

This commit is contained in:
jeffvli 2025-06-24 22:20:26 -07:00
parent ef9c16e940
commit 35e70a3eff
3 changed files with 12 additions and 16 deletions

View file

@ -6,16 +6,16 @@
transition: transition:
opacity 0.3s ease-in-out, opacity 0.3s ease-in-out,
transform 0.3s ease-in-out; transform 0.3s ease-in-out;
}
&.active {
opacity: 1; .lyric-line:global(.active) {
} opacity: 1 !important;
}
&.unsynchronized {
opacity: 1; .lyric-line:global(.unsynchronized) {
} opacity: 1;
}
&.synchronized {
cursor: pointer; .lyric-line:global(.synchronized) {
} cursor: pointer;
} }

View file

@ -1,3 +0,0 @@
.active {
opacity: 1;
}

View file

@ -3,7 +3,6 @@ import isElectron from 'is-electron';
import { useCallback, useEffect, useRef } from 'react'; import { useCallback, useEffect, useRef } from 'react';
import styles from './synchronized-lyrics.module.css'; import styles from './synchronized-lyrics.module.css';
import './synchronized-lyrics.css';
import { LyricLine } from '/@/renderer/features/lyrics/lyric-line'; import { LyricLine } from '/@/renderer/features/lyrics/lyric-line';
import { useScrobble } from '/@/renderer/features/player/hooks/use-scrobble'; import { useScrobble } from '/@/renderer/features/player/hooks/use-scrobble';