feat(react): update media query for sidebars

2025-01-12 13:44:39 +00:00 · 2022-04-14 16:18:31 +02:00 · 2022-04-14 16:18:31 +02:00 · f9abfc56d8
commit f9abfc56d8
parent 51c6250b6e
2 changed files with 3 additions and 3 deletions
--- a/packages/status-react/src/components/main-sidebar/index.tsx
+++ b/packages/status-react/src/components/main-sidebar/index.tsx
@ -22,15 +22,15 @@ export const MainSidebar = () => {
 }

 const Wrapper = styled('div', {
+  display: 'none',
  width: 304,
  flexShrink: 0,
  flexDirection: 'column',
  padding: '10px 16px',
-  display: 'none',
  backgroundColor: '$gray-4',
  overflowY: 'scroll',

-  '@medium': {
+  '@large': {
    display: 'flex',
  },
 })
--- a/packages/status-react/src/components/member-sidebar/index.tsx
+++ b/packages/status-react/src/components/member-sidebar/index.tsx
@ -53,7 +53,7 @@ const Wrapper = styled('div', {
  backgroundColor: '$gray-4',
  overflowY: 'scroll',

-  '@medium': {
+  '@large': {
    display: 'block',
  },
 })