prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
commit 91c0271ea3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 8 deletions
Show stats 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)',
},