feat: add keyboard shortcut helper link or button (#2365)
This commit is contained in:
parent
1ac3164d0c
commit
5ef2996b40
|
@ -28,6 +28,9 @@ function toggleDark() {
|
||||||
@click="togglePreferences('zenMode')"
|
@click="togglePreferences('zenMode')"
|
||||||
/>
|
/>
|
||||||
</CommonTooltip>
|
</CommonTooltip>
|
||||||
|
<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('settings.about.sponsor_action')">
|
<CommonTooltip :content="$t('settings.about.sponsor_action')">
|
||||||
<NuxtLink
|
<NuxtLink
|
||||||
flex
|
flex
|
||||||
|
@ -92,5 +95,10 @@ function toggleDark() {
|
||||||
GitHub
|
GitHub
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<button hover:underline @click="toggleKeyboardShortcuts">
|
||||||
|
{{ $t('magic_keys.dialog_header') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in a new issue