Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix the grid columns for various sizes

Browse Source
This commit is contained in:
Jackson Harper
2023-05-25 20:29:22 +08:00
parent e42f708a84
commit a3de2c63ef
1 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
View File

@ -905,19 +905,15 @@ function LibraryItems(props: LibraryItemsProps): JSX.Element {
margin: props.layout == 'LIST_LAYOUT' ? '16px -16px' : undefined,
borderRadius: props.layout == 'LIST_LAYOUT' ? 0 : undefined,
},
'@md': {
gridTemplateColumns:
props.layout == 'LIST_LAYOUT' ? 'none' : '1fr 1fr',
},
'@lg': {
'@media (min-width: 930px)': {
gridTemplateColumns:
props.layout == 'LIST_LAYOUT' ? 'none' : 'repeat(2, 1fr)',
},
'@xl': {
'@media (min-width: 1280px)': {
gridTemplateColumns:
props.layout == 'LIST_LAYOUT' ? 'none' : 'repeat(3, 1fr)',
},
'@xxl': {
'@media (min-width: 1600px)': {
gridTemplateColumns:
props.layout == 'LIST_LAYOUT' ? 'none' : 'repeat(4, 1fr)',
},