buzzert/QueueCube
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NowPlaying: appearance fixes for timestamp indicator

Browse Source
This commit is contained in:
James Magahern
2025-06-27 01:13:45 -07:00
parent 08619255c7
commit 623b562e8d
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/NowPlaying.tsx
View File

@@ -63,12 +63,12 @@ const NowPlaying: React.FC<NowPlayingProps> = (props) => {
<div className="text-lg font-bold truncate">Screen Sharing</div> <div className="text-lg font-bold truncate">Screen Sharing</div>
</div> </div>
) : ( ) : (
<div className={classNames(props.isIdle ? 'opacity-50' : 'opacity-100', "flex flex-row items-center justify-between w-full")}> <div className={classNames(props.isIdle ? 'opacity-50' : 'opacity-100', "flex flex-row items-center justify-between gap-2 w-full")}>
<div> <div className="truncate">
<div className="text-lg font-bold truncate">{props.songName}</div> <div className="text-lg font-bold truncate">{props.songName}</div>
<div className="text-sm truncate">{props.fileName}</div> <div className="text-sm truncate">{props.fileName}</div>
</div> </div>
<div className="text-sm opacity-50"> <div className="text-sm opacity-50 shrink-0">
{props.timePosition && props.duration ? {props.timePosition && props.duration ?
(props.seekable ? `${formatTime(props.timePosition)} / ${formatTime(props.duration)}` (props.seekable ? `${formatTime(props.timePosition)} / ${formatTime(props.duration)}`
: `${formatTime(props.timePosition)}` ) : `${formatTime(props.timePosition)}` )