mirror of
https://github.com/navidrome/navidrome.git
synced 2025-04-18 21:07:44 +03:00
Fix covers overflow in some resolutions
This commit is contained in:
parent
9d7512e9ab
commit
ddcacbb6e5
@ -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
|
||||
}
|
||||
|
||||
|
@ -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) => {
|
||||
|
Loading…
x
Reference in New Issue
Block a user