diff options
author | Kristóf Marussy <kristof@marussy.com> | 2022-12-03 03:34:31 +0100 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2022-12-09 00:07:39 +0100 |
commit | d02125201f39a0620aedab9f350cff84fca22bd3 (patch) | |
tree | 1b2c829323572782ebc792837a4307d72f2e46bf /subprojects/frontend/src/TopBar.tsx | |
parent | refactor(frontend): scrollbar improvements (diff) | |
download | refinery-d02125201f39a0620aedab9f350cff84fca22bd3.tar.gz refinery-d02125201f39a0620aedab9f350cff84fca22bd3.tar.zst refinery-d02125201f39a0620aedab9f350cff84fca22bd3.zip |
refactor(frontend): theme improvements
Diffstat (limited to 'subprojects/frontend/src/TopBar.tsx')
-rw-r--r-- | subprojects/frontend/src/TopBar.tsx | 18 |
1 files changed, 7 insertions, 11 deletions
diff --git a/subprojects/frontend/src/TopBar.tsx b/subprojects/frontend/src/TopBar.tsx index 5f72dc96..81e11ac8 100644 --- a/subprojects/frontend/src/TopBar.tsx +++ b/subprojects/frontend/src/TopBar.tsx | |||
@@ -58,7 +58,7 @@ export default observer(function TopBar(): JSX.Element { | |||
58 | const { editorStore } = useRootStore(); | 58 | const { editorStore } = useRootStore(); |
59 | const overlayVisible = useWindowControlsOverlayVisible(); | 59 | const overlayVisible = useWindowControlsOverlayVisible(); |
60 | const { breakpoints } = useTheme(); | 60 | const { breakpoints } = useTheme(); |
61 | const showGenerateButton = useMediaQuery(breakpoints.down('sm')); | 61 | const small = useMediaQuery(breakpoints.down('sm')); |
62 | 62 | ||
63 | return ( | 63 | return ( |
64 | <AppBar | 64 | <AppBar |
@@ -90,17 +90,13 @@ export default observer(function TopBar(): JSX.Element { | |||
90 | }} | 90 | }} |
91 | > | 91 | > |
92 | <Typography variant="h6" component="h1" flexGrow={1}> | 92 | <Typography variant="h6" component="h1" flexGrow={1}> |
93 | Refinery | 93 | Refinery {import.meta.env.DEV && <DevModeBadge>Dev</DevModeBadge>} |
94 | {import.meta.env.DEV && ( | ||
95 | <> | ||
96 | {' '} | ||
97 | <DevModeBadge>Dev</DevModeBadge> | ||
98 | </> | ||
99 | )} | ||
100 | </Typography> | 94 | </Typography> |
101 | {showGenerateButton && ( | 95 | <GenerateButton |
102 | <GenerateButton editorStore={editorStore} hideWarnings /> | 96 | editorStore={editorStore} |
103 | )} | 97 | hideWarnings={small} |
98 | sx={{ marginRight: 1 }} | ||
99 | /> | ||
104 | <ToggleDarkModeButton /> | 100 | <ToggleDarkModeButton /> |
105 | </Toolbar> | 101 | </Toolbar> |
106 | </AppBar> | 102 | </AppBar> |