From fb4f50ee7fd8272a2f946143483c30e4d31f3936 Mon Sep 17 00:00:00 2001
From: kuekhaoyang <kuekhaoyang@Gmail.com>
Date: Wed, 8 Apr 2026 14:05:53 +0800
Subject: [PATCH] Hide fullscreen clock with player controls

Fixes #141
---
 components/player/desktop/DesktopOverlay.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/player/desktop/DesktopOverlay.tsx b/components/player/desktop/DesktopOverlay.tsx
index 404bcd3..ce0c628 100644
--- a/components/player/desktop/DesktopOverlay.tsx
+++ b/components/player/desktop/DesktopOverlay.tsx
@@ -84,6 +84,7 @@ export function DesktopOverlay({
 }: DesktopOverlayProps) {
     // Show navigation buttons when controls are visible or when paused (controls usually show when paused anyway)
     const showNavButtons = showControls || !isPlaying;
+    const showFullscreenClock = showControls || !isPlaying;
 
     return (
         <>
@@ -106,7 +107,7 @@ export function DesktopOverlay({
 
             {isFullscreen && fullscreenClock && (
                 <div
-                    className={`absolute top-8 left-1/2 -translate-x-1/2 z-40 transition-opacity duration-300 ${showControls ? 'opacity-100' : 'opacity-70'}`}
+                    className={`absolute top-8 left-1/2 -translate-x-1/2 z-40 transition-opacity duration-300 ${showFullscreenClock ? 'opacity-100' : 'opacity-0'}`}
                     style={{ pointerEvents: 'none' }}
                 >
                     <div className="min-w-[88px] px-4 py-2 rounded-full bg-black/45 backdrop-blur-md border border-white/15 text-center shadow-[0_10px_30px_rgba(0,0,0,0.3)]">