From 35e70a3eff74370651ec9020c0f29ecc7fcf4d6f Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 24 Jun 2025 22:20:26 -0700
Subject: [PATCH] fix synchronized lyric styles not applying

---
 .../features/lyrics/lyric-line.module.css     | 24 +++++++++----------
 .../features/lyrics/synchronized-lyrics.css   |  3 ---
 .../features/lyrics/synchronized-lyrics.tsx   |  1 -
 3 files changed, 12 insertions(+), 16 deletions(-)
 delete mode 100644 src/renderer/features/lyrics/synchronized-lyrics.css

diff --git a/src/renderer/features/lyrics/lyric-line.module.css b/src/renderer/features/lyrics/lyric-line.module.css
index 0afe69ef..add47a0b 100644
--- a/src/renderer/features/lyrics/lyric-line.module.css
+++ b/src/renderer/features/lyrics/lyric-line.module.css
@@ -6,16 +6,16 @@
     transition:
         opacity 0.3s ease-in-out,
         transform 0.3s ease-in-out;
-
-    &.active {
-        opacity: 1;
-    }
-
-    &.unsynchronized {
-        opacity: 1;
-    }
-
-    &.synchronized {
-        cursor: pointer;
-    }
+}
+
+.lyric-line:global(.active) {
+    opacity: 1 !important;
+}
+
+.lyric-line:global(.unsynchronized) {
+    opacity: 1;
+}
+
+.lyric-line:global(.synchronized) {
+    cursor: pointer;
 }
diff --git a/src/renderer/features/lyrics/synchronized-lyrics.css b/src/renderer/features/lyrics/synchronized-lyrics.css
deleted file mode 100644
index abc0282e..00000000
--- a/src/renderer/features/lyrics/synchronized-lyrics.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.active {
-    opacity: 1;
-}
diff --git a/src/renderer/features/lyrics/synchronized-lyrics.tsx b/src/renderer/features/lyrics/synchronized-lyrics.tsx
index 3e9fa8dd..6d1b12bb 100644
--- a/src/renderer/features/lyrics/synchronized-lyrics.tsx
+++ b/src/renderer/features/lyrics/synchronized-lyrics.tsx
@@ -3,7 +3,6 @@ import isElectron from 'is-electron';
 import { useCallback, useEffect, useRef } from 'react';
 
 import styles from './synchronized-lyrics.module.css';
-import './synchronized-lyrics.css';
 
 import { LyricLine } from '/@/renderer/features/lyrics/lyric-line';
 import { useScrobble } from '/@/renderer/features/player/hooks/use-scrobble';