diff options
Diffstat (limited to 'src/view/com/util/layouts/Breakpoints.web.tsx')
-rw-r--r-- | src/view/com/util/layouts/Breakpoints.web.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/view/com/util/layouts/Breakpoints.web.tsx b/src/view/com/util/layouts/Breakpoints.web.tsx index 7031a1735..5cf73df0c 100644 --- a/src/view/com/util/layouts/Breakpoints.web.tsx +++ b/src/view/com/util/layouts/Breakpoints.web.tsx @@ -2,18 +2,18 @@ import React from 'react' import MediaQuery from 'react-responsive' export const Desktop = ({children}: React.PropsWithChildren<{}>) => ( - <MediaQuery minWidth={1224}>{children}</MediaQuery> + <MediaQuery minWidth={1300}>{children}</MediaQuery> ) export const TabletOrDesktop = ({children}: React.PropsWithChildren<{}>) => ( <MediaQuery minWidth={800}>{children}</MediaQuery> ) export const Tablet = ({children}: React.PropsWithChildren<{}>) => ( - <MediaQuery minWidth={800} maxWidth={1224}> + <MediaQuery minWidth={800} maxWidth={1300}> {children} </MediaQuery> ) export const TabletOrMobile = ({children}: React.PropsWithChildren<{}>) => ( - <MediaQuery maxWidth={1224}>{children}</MediaQuery> + <MediaQuery maxWidth={1300}>{children}</MediaQuery> ) export const Mobile = ({children}: React.PropsWithChildren<{}>) => ( <MediaQuery maxWidth={800}>{children}</MediaQuery> |