feat: put keyboard shortcut helper button

elk-zone · Aug 25, 2023 · 2a24e1d · 2a24e1d
1 parent f2f403d
commit 2a24e1d
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/components/nav/NavFooter.vue b/components/nav/NavFooter.vue
@@ -16,6 +16,9 @@ function toggleDark() {
 <template>
   <footer p4 text-sm text-secondary-light flex="~ col">
     <div flex="~ gap2" items-center mb4>
+      <CommonTooltip :content="$t('magic_keys.dialog_header')">
+        <button flex i-ri:keyboard-box-line dark-i-ri:keyboard-box-line text-lg :aria-label="$t('magic_keys.dialog_header')" @click="toggleKeyboardShortcuts" />
+      </CommonTooltip>
       <CommonTooltip :content="$t('nav.toggle_theme')">
         <button flex i-ri:sun-line dark-i-ri:moon-line text-lg :aria-label="$t('nav.toggle_theme')" @click="toggleDark()" />
       </CommonTooltip>