fix: make whole cover image clickable for toggling play/pause

SevenOutman · Jul 27, 2023 · 524513a · 524513a
1 parent 0ffa21f
commit 524513a
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/player.tsx b/src/components/player.tsx
@@ -171,6 +171,7 @@ export function APlayer({
       <div className="aplayer-body">
         <div
           className="aplayer-pic"
+          onClick={handlePlayButtonClick}
           style={{
             backgroundImage: `url("${playlist.currentSong?.cover}")`,
           }}
@@ -180,7 +181,6 @@ export function APlayer({
               "aplayer-button",
               audioControl.isPlaying ? "aplayer-pause" : "aplayer-play"
             )}
-            onClick={handlePlayButtonClick}
           >
             {audioControl.isPlaying ? <IconPause /> : <IconPlay />}
           </div>