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

Merge pull request #2256 from omnivore-app/fix/grid-spacing

Browse Source 
Fix the grid columns for various sizes
This commit is contained in:
Jackson Harper
2023-05-25 20:54:33 +08:00
committed by GitHub
parent e42f708a84 cd162f653e
commit 91c0271ea3
2 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/components/templates/article/DisplaySettingsModal.tsx
View File

@ -24,7 +24,7 @@ export function DisplaySettingsModal(
css={{
width: '345px',
padding: '0px',
top: '300px',
top: '262px',
left: 'calc(100% - 250px)',
'@lgDown': {
top: '300px',

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)',
},