Fix covers overflow in some resolutions

This commit is contained in:
Deluan 2020-05-06 08:42:43 -04:00
parent 9d7512e9ab
commit ddcacbb6e5
2 changed files with 5 additions and 9 deletions

View File

@ -13,10 +13,6 @@ const useStyles = makeStyles((theme) => ({
root: {
margin: '20px',
},
gridListTile: {
minHeight: '180px',
minWidth: '180px',
},
tileBar: {
textAlign: 'left',
background:
@ -44,8 +40,9 @@ const useCoverStyles = makeStyles({
const getColsForWidth = (width) => {
if (width === 'xs') return 2
if (width === 'sm') return 4
if (width === 'md') return 5
if (width === 'sm') return 3
if (width === 'md') return 4
if (width === 'lg') return 6
return 6
}

View File

@ -50,9 +50,8 @@ const getPerPageOptions = (width) => {
const options = [3, 6, 12]
if (width === 'xs') return [12]
if (width === 'sm') return [12]
if (width === 'md') return options.map((v) => v * 5)
if (width === 'lg') return options.map((v) => v * 6)
return options.map((v) => v * 7)
if (width === 'md') return options.map((v) => v * 4)
return options.map((v) => v * 6)
}
const AlbumList = (props) => {