diff options
| author |  Kristóf Marussy <kristof@marussy.com> | 2022-08-13 23:49:06 +0200 |
|---|---|---|
| committer | Kristóf Marussy <kristof@marussy.com> | 2022-08-15 18:03:58 +0200 |
| commit | c7abf6e90285857344d7e4f85553a89df971fc3c (patch) | |
| tree | 1e86b700d7314a40c26612e2f6aa54de19f86108 /subprojects/frontend/src/editor/EditorButtons.tsx | |
| parent | feat(frontend): light/dark mode switch (diff) | |
| download | refinery-c7abf6e90285857344d7e4f85553a89df971fc3c.tar.gz refinery-c7abf6e90285857344d7e4f85553a89df971fc3c.tar.zst refinery-c7abf6e90285857344d7e4f85553a89df971fc3c.zip | |
refactor(frondend): dark theme tweaks
Diffstat (limited to 'subprojects/frontend/src/editor/EditorButtons.tsx')
| -rw-r--r-- | subprojects/frontend/src/editor/EditorButtons.tsx | 34 |
1 files changed, 16 insertions, 18 deletions
diff --git a/subprojects/frontend/src/editor/EditorButtons.tsx b/subprojects/frontend/src/editor/EditorButtons.tsx index 652ca71e..1412a314 100644 --- a/subprojects/frontend/src/editor/EditorButtons.tsx +++ b/subprojects/frontend/src/editor/EditorButtons.tsx | |||
| @@ -36,24 +36,22 @@ function EditorButtons(): JSX.Element { | |||
| 36 | const { editorStore } = useRootStore(); | 36 | const { editorStore } = useRootStore(); |
| 37 | 37 | ||
| 38 | return ( | 38 | return ( |
| 39 | <Stack direction="row" spacing={1}> | 39 | <Stack direction="row" flexGrow={1}> |
| 40 | <Stack direction="row" alignItems="center"> | 40 | <IconButton |
| 41 | <IconButton | 41 | disabled={!editorStore.canUndo} |
| 42 | disabled={!editorStore.canUndo} | 42 | onClick={() => editorStore.undo()} |
| 43 | onClick={() => editorStore.undo()} | 43 | aria-label="Undo" |
| 44 | aria-label="Undo" | 44 | > |
| 45 | > | 45 | <UndoIcon fontSize="small" /> |
| 46 | <UndoIcon fontSize="small" /> | 46 | </IconButton> |
| 47 | </IconButton> | 47 | <IconButton |
| 48 | <IconButton | 48 | disabled={!editorStore.canRedo} |
| 49 | disabled={!editorStore.canRedo} | 49 | onClick={() => editorStore.redo()} |
| 50 | onClick={() => editorStore.redo()} | 50 | aria-label="Redo" |
| 51 | aria-label="Redo" | 51 | > |
| 52 | > | 52 | <RedoIcon fontSize="small" /> |
| 53 | <RedoIcon fontSize="small" /> | 53 | </IconButton> |
| 54 | </IconButton> | 54 | <ToggleButtonGroup size="small" sx={{ mx: 1 }}> |
| 55 | </Stack> | ||
| 56 | <ToggleButtonGroup size="small"> | ||
| 57 | <ToggleButton | 55 | <ToggleButton |
| 58 | selected={editorStore.showLineNumbers} | 56 | selected={editorStore.showLineNumbers} |
| 59 | onClick={() => editorStore.toggleLineNumbers()} | 57 | onClick={() => editorStore.toggleLineNumbers()} |