ironmagma/quintodrome
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make playlist songs look better in mobile

Browse source
This commit is contained in:
Deluan 2020-05-18 18:00:55 -04:00
parent a4183aea8c
commit 0e4f7036eb
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/src/playlist/PlaylistSongs.js
View file

@ -54,7 +54,7 @@ const PlaylistSongs = (props) => {
const classes = useStyles(props) const classes = useStyles(props)
const classesToolbar = useStylesListToolbar(props) const classesToolbar = useStylesListToolbar(props)
const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs')) const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
// const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md')) const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('md'))
const controllerProps = useListController(props) const controllerProps = useListController(props)
const refresh = useRefresh() const refresh = useRefresh()
const { bulkActionButtons, expand, className, playlistId } = props const { bulkActionButtons, expand, className, playlistId } = props
@ -112,9 +112,9 @@ const PlaylistSongs = (props) => {
{...controllerProps} {...controllerProps}
hasBulkActions={hasBulkActions} hasBulkActions={hasBulkActions}
> >
<TextField source="id" label={'#'} /> {isDesktop && <TextField source="id" label={'#'} />}
<TextField source="title" /> <TextField source="title" />
<TextField source="artist" /> {isDesktop && <TextField source="artist" />}
<DurationField source="duration" /> <DurationField source="duration" />
<SongContextMenu onAddToPlaylist={onAddToPlaylist} /> <SongContextMenu onAddToPlaylist={onAddToPlaylist} />
</Datagrid> </Datagrid>