diff options
Diffstat (limited to 'subprojects/frontend/src/App.tsx')
-rw-r--r-- | subprojects/frontend/src/App.tsx | 12 |
1 files changed, 4 insertions, 8 deletions
diff --git a/subprojects/frontend/src/App.tsx b/subprojects/frontend/src/App.tsx index 12cf9311..12c66eb9 100644 --- a/subprojects/frontend/src/App.tsx +++ b/subprojects/frontend/src/App.tsx | |||
@@ -1,4 +1,5 @@ | |||
1 | import Box from '@mui/material/Box'; | 1 | import Box from '@mui/material/Box'; |
2 | import Toolbar from '@mui/material/Toolbar'; | ||
2 | import React from 'react'; | 3 | import React from 'react'; |
3 | 4 | ||
4 | import TopBar from './TopBar'; | 5 | import TopBar from './TopBar'; |
@@ -10,16 +11,11 @@ export default function App(): JSX.Element { | |||
10 | return ( | 11 | return ( |
11 | <Box display="flex" flexDirection="column" sx={{ height: '100vh' }}> | 12 | <Box display="flex" flexDirection="column" sx={{ height: '100vh' }}> |
12 | <TopBar /> | 13 | <TopBar /> |
13 | <Box | 14 | <Toolbar variant="dense"> |
14 | display="flex" | ||
15 | justifyContent="space-between" | ||
16 | alignItems="center" | ||
17 | p={1} | ||
18 | > | ||
19 | <EditorButtons /> | 15 | <EditorButtons /> |
20 | <GenerateButton /> | 16 | <GenerateButton /> |
21 | </Box> | 17 | </Toolbar> |
22 | <Box flexGrow={1} flexShrink={1} sx={{ overflow: 'auto' }}> | 18 | <Box flexGrow={1} flexShrink={1} overflow="auto"> |
23 | <EditorArea /> | 19 | <EditorArea /> |
24 | </Box> | 20 | </Box> |
25 | </Box> | 21 | </Box> |