diff options
Diffstat (limited to 'subprojects/frontend/src/TopBar.tsx')
-rw-r--r-- | subprojects/frontend/src/TopBar.tsx | 20 |
1 files changed, 9 insertions, 11 deletions
diff --git a/subprojects/frontend/src/TopBar.tsx b/subprojects/frontend/src/TopBar.tsx index 5ac74e7a..af571a1e 100644 --- a/subprojects/frontend/src/TopBar.tsx +++ b/subprojects/frontend/src/TopBar.tsx | |||
@@ -1,6 +1,4 @@ | |||
1 | import MenuIcon from '@mui/icons-material/Menu'; | ||
2 | import AppBar from '@mui/material/AppBar'; | 1 | import AppBar from '@mui/material/AppBar'; |
3 | import IconButton from '@mui/material/IconButton'; | ||
4 | import Toolbar from '@mui/material/Toolbar'; | 2 | import Toolbar from '@mui/material/Toolbar'; |
5 | import Typography from '@mui/material/Typography'; | 3 | import Typography from '@mui/material/Typography'; |
6 | import React from 'react'; | 4 | import React from 'react'; |
@@ -9,16 +7,16 @@ import ToggleDarkModeButton from './ToggleDarkModeButton'; | |||
9 | 7 | ||
10 | export default function TopBar(): JSX.Element { | 8 | export default function TopBar(): JSX.Element { |
11 | return ( | 9 | return ( |
12 | <AppBar position="static" color="primary"> | 10 | <AppBar |
11 | position="static" | ||
12 | elevation={0} | ||
13 | color="transparent" | ||
14 | sx={(theme) => ({ | ||
15 | background: theme.palette.highlight.activeLine, | ||
16 | borderBottom: `1px solid ${theme.palette.divider2}`, | ||
17 | })} | ||
18 | > | ||
13 | <Toolbar> | 19 | <Toolbar> |
14 | <IconButton | ||
15 | edge="start" | ||
16 | sx={{ mr: 2 }} | ||
17 | color="inherit" | ||
18 | aria-label="menu" | ||
19 | > | ||
20 | <MenuIcon /> | ||
21 | </IconButton> | ||
22 | <Typography variant="h6" component="h1" flexGrow={1}> | 20 | <Typography variant="h6" component="h1" flexGrow={1}> |
23 | Refinery | 21 | Refinery |
24 | </Typography> | 22 | </Typography> |