diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/App.tsx | 4 | ||||
| -rw-r--r-- | src/components/NavBar.tsx | 6 |
2 files changed, 4 insertions, 6 deletions
diff --git a/src/App.tsx b/src/App.tsx index deb7dec..6a68795 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,7 +1,5 @@ import { createContext, useState, useMemo } from 'react'; -import { Outlet, Route, Routes } from 'react-router-dom'; -import useMediaQuery from '@mui/material/useMediaQuery'; -import { createTheme, ThemeProvider } from '@mui/material/styles'; +import { Outlet } from 'react-router-dom'; import CssBaseline from '@mui/material/CssBaseline'; import NavBar from './components/NavBar'; diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx index c8cb136..a4b46c8 100644 --- a/src/components/NavBar.tsx +++ b/src/components/NavBar.tsx @@ -35,13 +35,13 @@ function NavBar({ mode }) { > Madison and Michael's Wedding </Typography> - <Stack spacing={2} direction="row" sx={{ marginLeft: 'auto' }}> + <Stack direction="row" sx={{ marginLeft: 'auto' }}> {pages.map((page) => ( - <Button component={Link} to={page.to} key={page.name} variant="contained"> + <Button color="inherit" component={Link} to={page.to} key={page.name}> {page.name} </Button> ))} - <IconButton variant="contained" color="inherit" onClick={switchColorMode}> + <IconButton color="inherit" onClick={switchColorMode}> {theme.palette.mode === 'dark' ? <DarkModeIcon /> : <LightModeIcon />} </IconButton> </Stack> |