Fix covers overflow in some resolutions
This commit is contained in:
parent
9d7512e9ab
commit
ddcacbb6e5
|
@ -13,10 +13,6 @@ const useStyles = makeStyles((theme) => ({
|
||||||
root: {
|
root: {
|
||||||
margin: '20px',
|
margin: '20px',
|
||||||
},
|
},
|
||||||
gridListTile: {
|
|
||||||
minHeight: '180px',
|
|
||||||
minWidth: '180px',
|
|
||||||
},
|
|
||||||
tileBar: {
|
tileBar: {
|
||||||
textAlign: 'left',
|
textAlign: 'left',
|
||||||
background:
|
background:
|
||||||
|
@ -44,8 +40,9 @@ const useCoverStyles = makeStyles({
|
||||||
|
|
||||||
const getColsForWidth = (width) => {
|
const getColsForWidth = (width) => {
|
||||||
if (width === 'xs') return 2
|
if (width === 'xs') return 2
|
||||||
if (width === 'sm') return 4
|
if (width === 'sm') return 3
|
||||||
if (width === 'md') return 5
|
if (width === 'md') return 4
|
||||||
|
if (width === 'lg') return 6
|
||||||
return 6
|
return 6
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -50,9 +50,8 @@ const getPerPageOptions = (width) => {
|
||||||
const options = [3, 6, 12]
|
const options = [3, 6, 12]
|
||||||
if (width === 'xs') return [12]
|
if (width === 'xs') return [12]
|
||||||
if (width === 'sm') return [12]
|
if (width === 'sm') return [12]
|
||||||
if (width === 'md') return options.map((v) => v * 5)
|
if (width === 'md') return options.map((v) => v * 4)
|
||||||
if (width === 'lg') return options.map((v) => v * 6)
|
return options.map((v) => v * 6)
|
||||||
return options.map((v) => v * 7)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const AlbumList = (props) => {
|
const AlbumList = (props) => {
|
||||||
|
|
Loading…
Reference in New Issue