feat(react): update media query for sidebars
This commit is contained in:
parent
4b26f46ab7
commit
9a83f54a48
|
@ -22,15 +22,15 @@ export const MainSidebar = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
const Wrapper = styled('div', {
|
const Wrapper = styled('div', {
|
||||||
|
display: 'none',
|
||||||
width: 304,
|
width: 304,
|
||||||
flexShrink: 0,
|
flexShrink: 0,
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
padding: '10px 16px',
|
padding: '10px 16px',
|
||||||
display: 'none',
|
|
||||||
backgroundColor: '$gray-4',
|
backgroundColor: '$gray-4',
|
||||||
overflowY: 'scroll',
|
overflowY: 'scroll',
|
||||||
|
|
||||||
'@medium': {
|
'@large': {
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
|
@ -53,7 +53,7 @@ const Wrapper = styled('div', {
|
||||||
backgroundColor: '$gray-4',
|
backgroundColor: '$gray-4',
|
||||||
overflowY: 'scroll',
|
overflowY: 'scroll',
|
||||||
|
|
||||||
'@medium': {
|
'@large': {
|
||||||
display: 'block',
|
display: 'block',
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue