From 081b1abc8511b2fd84147528a1a80abf04673791 Mon Sep 17 00:00:00 2001 From: Tirta Rachman Date: Tue, 26 May 2020 17:48:47 -0400 Subject: [PATCH] Add keyboard shortcut note --- .../IDE/components/KeyboardShortcutModal.jsx | 163 +++++++++--------- .../components/_keyboard-shortcuts.scss | 5 + 2 files changed, 83 insertions(+), 85 deletions(-) diff --git a/client/modules/IDE/components/KeyboardShortcutModal.jsx b/client/modules/IDE/components/KeyboardShortcutModal.jsx index 420a99c6..53aa6ab4 100644 --- a/client/modules/IDE/components/KeyboardShortcutModal.jsx +++ b/client/modules/IDE/components/KeyboardShortcutModal.jsx @@ -3,91 +3,84 @@ import { metaKeyName, } from '../../../utils/metaKey'; function KeyboardShortcutModal() { return ( - +
+
+ Note: our keyboard shortcuts follow Sublime Text shortcuts +
+ +
); } -export default KeyboardShortcutModal; +export default KeyboardShortcutModal; \ No newline at end of file diff --git a/client/styles/components/_keyboard-shortcuts.scss b/client/styles/components/_keyboard-shortcuts.scss index 66963e91..f30dd8d3 100644 --- a/client/styles/components/_keyboard-shortcuts.scss +++ b/client/styles/components/_keyboard-shortcuts.scss @@ -4,6 +4,11 @@ width: #{450 / $base-font-size}rem; } +.keyboard-shortcuts-note { + text-align: center; + margin-bottom: 24px; +} + .keyboard-shortcut-item { display: flex; & + & {