ZenBrowserMirrors/docs
1
0
Fork 0
mirror of https://github.com/zen-browser/docs.git synced 2025-07-07 17:05:34 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge 2584e63e12 into f756f830a8

Browse source
This commit is contained in:
Jonas List 2025-06-01 00:27:28 +04:00 • committed by GitHub
commit d0b5b7af51
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
content/docs/user-manual/shortcuts.mdx
View file

@ -5,7 +5,7 @@ description: Enhance your Zen experience with customizable keybinds
import KeyboardShortcut from '@/components/KeyboardShortcut';
Zen Browser supported lots of keyboard shortcuts to help you do common tasks quicker. Access `Settings" /> > `Keyboard Shortcuts" /> and edit the available shortcuts to suit your workflow even more!
Zen Browser supported lots of keyboard shortcuts to help you do common tasks quicker. Access `"Settings" > "Keyboard Shortcuts"` and edit the available shortcuts to suit your workflow even more!
### Change or rebind keyboard shortcuts in Zen
@ -132,7 +132,7 @@ The "Toggle Split View" shortcuts currently only applicable when selecting multi
| --------------------- | ------------------------------------------------ |
| Toggle Mute | <KeyboardShortcut shortcut="Ctrl + M" /> |
| Zoom Out | <KeyboardShortcut shortcut="Ctrl + -" /> |
| Zoom In | <KeyboardShortcut shortcut="Ctrl + +" /> |
| Zoom In | <KeyboardShortcut shortcut="Ctrl + Plus" /> |
| Reset Zoom Level | <KeyboardShortcut shortcut="Ctrl + 0" /> |
| Switch Text Direction | <KeyboardShortcut shortcut="Shift + Ctrl + X" /> |
| Take Screenshot | <KeyboardShortcut shortcut="Shift + Ctrl + S" /> |

6
src/components/KeyboardShortcut.tsx
View file

@ -50,7 +50,11 @@ const KeyboardShortcut: React.FC<KeyboardShortcutProps> = ({
{keys.map((key, index) => (
<React.Fragment key={index}>
<kbd className="px-1 py-0.5 text-xs font-semibold text-fd-foreground bg-fd-card border border-fd-border rounded-sm">
{key.toLowerCase() === "shift" ? "⇧" : key}
{key.toLowerCase() === "shift"
? "⇧"
: key.toLowerCase() === "plus"
? "+"
: key}
</kbd>
{index < keys.length - 1 && <span className="mx-1">+</span>}
</React.Fragment>