aboutsummaryrefslogtreecommitdiff
path: root/pages
diff options
context:
space:
mode:
authorlonkaars <l.leblansch@gmail.com>2021-06-20 11:33:18 +0200
committerlonkaars <l.leblansch@gmail.com>2021-06-20 11:33:18 +0200
commit7a878bd0d77fbe8fc2e3e3a341c9c7e3e4e8f6d2 (patch)
tree6398e1fb378add454b680917d2b97939d02a808d /pages
parent08f54b19d836161828ce3c2cd173eedd5d609717 (diff)
added KeybindSelector component beginnings
Diffstat (limited to 'pages')
-rw-r--r--pages/_app.tsx1
-rw-r--r--pages/editor.tsx7
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'