diff --git a/ui/src/album/AlbumGridView.js b/ui/src/album/AlbumGridView.js index 95c78dcfe..5beed23fa 100644 --- a/ui/src/album/AlbumGridView.js +++ b/ui/src/album/AlbumGridView.js @@ -34,6 +34,25 @@ const useStyles = makeStyles((theme) => ({ artistLink: { color: theme.palette.primary.light, }, + albumArtist: { + fontSize:'12px', + color:'#c5c5c5', + overflow:'hidden', + whiteSpace:'nowrap', + textOverflow: 'ellipsis' + }, + albumName: { + fontSize:'14px', + color:'#eee', + overflow:'hidden', + whiteSpace:'nowrap', + textOverflow: 'ellipsis' + }, + link: { + position:'relative', + display: 'block', + textDecoration:'none' + } })) const useCoverStyles = makeStyles({ @@ -85,33 +104,19 @@ const AlbumGridTile = ({ showArtist, record, basePath }) => { setVisible(false) }} > - + {(!isDesktop || visible) && ( - {showArtist ? ( - - ) : ( - - )} - - } actionIcon={} /> )} + +
{record.name}
+
{record.albumArtist}
+ ) }