diff --git a/ui/src/audioplayer/Player.js b/ui/src/audioplayer/Player.js index 3bda8adf8..d411c5052 100644 --- a/ui/src/audioplayer/Player.js +++ b/ui/src/audioplayer/Player.js @@ -24,6 +24,15 @@ const useStyle = makeStyles((theme) => ({ audioTitle: { textDecoration: 'none', color: theme.palette.primary.light, + '&.songTitle': { + fontWeight: 'bold', + }, + '&.songInfo': { + // 768 is where the player swaps views + [theme.breakpoints.down(769)]: { + display: 'none', + }, + }, }, player: { display: (props) => (props.visible ? 'block' : 'none'), @@ -37,10 +46,17 @@ const audioTitle = (audioInfo) => { } const AudioTitle = ({ audioInfo, className }) => { - const title = audioTitle(audioInfo) + if (!audioInfo.name) { + return '' + } + return ( - {title} + {audioInfo.name} +
+ + {`${audioInfo.singer} - ${audioInfo.album}`} + ) }