diff options
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' |