Hide fullscreen clock with player controls

Fixes #141
This commit is contained in:
kuekhaoyang
2026-04-08 14:05:53 +08:00
parent 372e60c4e5
commit fb4f50ee7f
+2 -1
View File
@@ -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)]">