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

Use full width on smaller devices

Browse source
This commit is contained in:
Jackson Harper 2022-11-01 12:52:29 +08:00
parent 16a64e9b94
commit 57056d2c06
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/web/pages/settings/integrations.tsx
View file

@ -32,6 +32,10 @@ const Subheader = styled(Box, {
borderBottom: '1px solid $grayLine',
margin: '0 auto',
width: '80%',
// Our defined media queries don't work in styled components
'@media (max-width: 575px)': {
width: '100%',
},
})
//interface
@ -139,6 +143,9 @@ export default function Integrations(): JSX.Element {
width: '80%',
margin: '0 auto',
height: '500px',
'@smDown': {
width: '100%'
}
}}
>
<Header>Applications</Header>
@ -157,6 +164,7 @@ export default function Integrations(): JSX.Element {
alignItems: 'center',
'@smDown': {
flexWrap: 'wrap',
borderRadius: 'unset',
},
}}
>