third-party-mirrors/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2025-06-04 01:21:19 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix semantic classes for currently playing song

Browse Source 
Fix #1364
This commit is contained in:
Deluan 2021-10-07 19:49:27 -04:00
parent 86a87b4bb1
commit ee8943f338
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
ui/src/audioplayer/AudioTitle.js
View File

@ -27,21 +27,22 @@ const AudioTitle = React.memo(({ audioInfo, isMobile }) => {
<QualityInfo record={qi} className={classes.qualityInfo} /> <QualityInfo record={qi} className={classes.qualityInfo} />
)} )}
</span> </span>
{!isMobile && ( {isMobile ? (
<span className={clsx(classes.songInfo)}>
{`${song.artist} - ${song.album}` +
(song.year ? ` - ${song.year}` : '')}
</span>
)}
{isMobile && (
<> <>
<span className={clsx(classes.songInfo, classes.songArtist)}> <span className={classes.songInfo}>
{`${song.artist}`} <span className={'songArtist'}>{song.artist}</span>
</span> </span>
<span className={clsx(classes.songInfo, classes.songAlbum)}> <span className={clsx(classes.songInfo, classes.songAlbum)}>
{song.year ? `${song.album} - ${song.year}` : `${song.album}`} <span className={'songAlbum'}>{song.album}</span>
{song.year ? ` - ${song.year}` : ''}
</span> </span>
</> </>
) : (
<span className={classes.songInfo}>
<span className={'songArtist'}>{song.artist}</span> -{' '}
<span className={'songAlbum'}>{song.album}</span>
{song.year ? ` - ${song.year}` : ''}
</span>
)} )}
</Link> </Link>
) )