diff options
| author | eug-vs <eug-vs@keemail.me> | 2020-07-03 23:45:39 +0300 |
|---|---|---|
| committer | eug-vs <eug-vs@keemail.me> | 2020-07-03 23:45:39 +0300 |
| commit | 77b583d42341d00fc1fd458f552afa2cd847d955 (patch) | |
| tree | 8e7f889cef11bf9a3379121ed2cff48a08afb706 /src | |
| parent | 86b09f910a44502a7d7b1e14b50b2f02158dfb39 (diff) | |
| download | which-ui-77b583d42341d00fc1fd458f552afa2cd847d955.tar.gz | |
feat: display notifications on top if mobile
Diffstat (limited to 'src')
| -rw-r--r-- | src/pages/Page.tsx | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/src/pages/Page.tsx b/src/pages/Page.tsx index c0ba3d2..56d7372 100644 --- a/src/pages/Page.tsx +++ b/src/pages/Page.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { makeStyles } from '@material-ui/core/styles'; +import { makeStyles, useTheme } from '@material-ui/core/styles'; +import { useMediaQuery } from '@material-ui/core'; import { SnackbarProvider } from 'notistack'; import ProfilePage from './ProfilePage/ProfilePage'; @@ -24,12 +25,14 @@ const useStyles = makeStyles(theme => ({ const Page: React.FC = () => { const { page } = useNavigate(); const classes = useStyles(); + const theme = useTheme(); + const isMobile = useMediaQuery(theme.breakpoints.down('sm')); return ( <SnackbarProvider maxSnack={3} anchorOrigin={{ - vertical: 'bottom', + vertical: isMobile ? 'top' : 'bottom', horizontal: 'right' }} > |