diff options
author | lonkaars <l.leblansch@gmail.com> | 2021-06-20 11:33:18 +0200 |
---|---|---|
committer | lonkaars <l.leblansch@gmail.com> | 2021-06-20 11:33:18 +0200 |
commit | 7a878bd0d77fbe8fc2e3e3a341c9c7e3e4e8f6d2 (patch) | |
tree | 6398e1fb378add454b680917d2b97939d02a808d /pages | |
parent | 08f54b19d836161828ce3c2cd173eedd5d609717 (diff) |
added KeybindSelector component beginnings
Diffstat (limited to 'pages')
-rw-r--r-- | pages/_app.tsx | 1 | ||||
-rw-r--r-- | pages/editor.tsx | 7 |
2 files changed, 8 insertions, 0 deletions
diff --git a/pages/_app.tsx b/pages/_app.tsx index 9dc0a1e..20708b3 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -4,6 +4,7 @@ import '../components/play-skip_60fps.css'; import '../styles/colors.css'; import '../styles/editor.css'; import '../styles/globals.css'; +import '../styles/keybindselector.css'; import '../styles/keyframes.css'; import '../styles/paper.css'; import '../styles/presentation.css'; diff --git a/pages/editor.tsx b/pages/editor.tsx index ff85c87..73bcd93 100644 --- a/pages/editor.tsx +++ b/pages/editor.tsx @@ -10,6 +10,7 @@ import { PressureIcon, SlideKeyframe, } from '../components/icons'; +import KeybindSelector from '../components/keybindselector'; import PlaySkipIconAni from '../components/play-skip'; import Selection from '../components/selection'; import { anySlide, loopBeginSlide, loopSlide, slide, slideTypes, toolToSlide } from '../timeline'; @@ -691,6 +692,12 @@ function DefaultSettings() { </FormControl> </div> <div className='section'> + <span className='title'>Keybindings</span> + <KeybindSelector label='Next slide' value={['Space', 'n', 'Enter']} /> + <KeybindSelector label='Previous slide' value={['Backspace', 'p']} /> + <KeybindSelector label='Show menu' value={['Escape', 'm']} /> + </div> + <div className='section'> <span className='title'>Cool temporary buttons</span> <input type='file' |