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

View file

@ -5,7 +5,7 @@ description: Enhance your Zen experience with customizable keybinds
import KeyboardShortcut from '@/components/KeyboardShortcut'; 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 ### 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" /> | | Toggle Mute | <KeyboardShortcut shortcut="Ctrl + M" /> |
| Zoom Out | <KeyboardShortcut shortcut="Ctrl + -" /> | | Zoom Out | <KeyboardShortcut shortcut="Ctrl + -" /> |
| Zoom In | <KeyboardShortcut shortcut="Ctrl + +" /> | | Zoom In | <KeyboardShortcut shortcut="Ctrl + Plus" /> |
| Reset Zoom Level | <KeyboardShortcut shortcut="Ctrl + 0" /> | | Reset Zoom Level | <KeyboardShortcut shortcut="Ctrl + 0" /> |
| Switch Text Direction | <KeyboardShortcut shortcut="Shift + Ctrl + X" /> | | Switch Text Direction | <KeyboardShortcut shortcut="Shift + Ctrl + X" /> |
| Take Screenshot | <KeyboardShortcut shortcut="Shift + Ctrl + S" /> | | Take Screenshot | <KeyboardShortcut shortcut="Shift + Ctrl + S" /> |

View file

@ -50,7 +50,11 @@ const KeyboardShortcut: React.FC<KeyboardShortcutProps> = ({
{keys.map((key, index) => ( {keys.map((key, index) => (
<React.Fragment 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"> <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> </kbd>
{index < keys.length - 1 && <span className="mx-1">+</span>} {index < keys.length - 1 && <span className="mx-1">+</span>}
</React.Fragment> </React.Fragment>