diff options
Diffstat (limited to 'src/components/Mobile.tsx')
-rw-r--r-- | src/components/Mobile.tsx | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/src/components/Mobile.tsx b/src/components/Mobile.tsx index f2ca255..f5502c0 100644 --- a/src/components/Mobile.tsx +++ b/src/components/Mobile.tsx @@ -1,7 +1,7 @@ import { useContext } from 'react'; -import { Link } from "react-router-dom"; +import { Link } from 'react-router-dom'; import { useState } from 'react'; -import { Button, IconButton, Menu, MenuItem } from "@mui/material"; +import { Button, IconButton, Menu, MenuItem } from '@mui/material'; import DarkModeIcon from '@mui/icons-material/DarkMode'; import LightModeIcon from '@mui/icons-material/LightMode'; import { useTheme } from '@mui/material/styles'; @@ -27,13 +27,22 @@ function Mobile() { <IconButton color="inherit" onClick={toggleColorMode}> {theme.palette.mode === 'dark' ? <DarkModeIcon /> : <LightModeIcon />} </IconButton> - <IconButton color="inherit" sx={{ ml: 'auto' }} onClick={handleOpenNavMenu}> + <IconButton + color="inherit" + sx={{ ml: 'auto' }} + onClick={handleOpenNavMenu} + > <MenuIcon /> </IconButton> <Menu anchorEl={anchorEl} open={!!anchorEl} onClose={handleCloseNavMenu}> {pages.map((page) => ( <MenuItem key={page.name} onClick={handleCloseNavMenu}> - <Button color="inherit" component={Link} to={page?.to} key={page?.name}> + <Button + color="inherit" + component={Link} + to={page?.to} + key={page?.name} + > {page?.name} </Button> </MenuItem> |