diff options
Diffstat (limited to 'src/pages/Page.tsx')
| -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' }} > |