Moved KeyboardShortcut component to src directory (#191)

This commit is contained in:
Jonas List 2025-05-21 21:35:32 +02:00 committed by GitHub
parent 96037b5625
commit 33799819ab
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 11 additions and 14 deletions

View file

@ -2,7 +2,7 @@
title: Editing with VS Code title: Editing with VS Code
description: How to use Visual Studio Code to contribute to the Zen Browser documentation. description: How to use Visual Studio Code to contribute to the Zen Browser documentation.
--- ---
import KeyboardShortcut from '@components/KeyboardShortcut'; import KeyboardShortcut from '@/components/KeyboardShortcut';
Visual Studio Code (VS Code) is a popular and powerful code editor that works well for editing Zen Browser documentation, especially with the right extensions. Visual Studio Code (VS Code) is a popular and powerful code editor that works well for editing Zen Browser documentation, especially with the right extensions.

View file

@ -2,7 +2,7 @@
title: FAQ title: FAQ
icon: CircleHelp icon: CircleHelp
--- ---
import KeyboardShortcut from '@components/KeyboardShortcut'; import KeyboardShortcut from '@/components/KeyboardShortcut';
import { Callout } from 'fumadocs-ui/components/callout'; import { Callout } from 'fumadocs-ui/components/callout';
import { InlineTOC } from 'fumadocs-ui/components/inline-toc'; import { InlineTOC } from 'fumadocs-ui/components/inline-toc';

View file

@ -1,5 +1,5 @@
--- ---
title: List of Hidden/Advanced Preferences title: Hidden/Advanced Preferences
description: A list of useful flags in Zen Browser's Advanced Preferences page (about:config). description: A list of useful flags in Zen Browser's Advanced Preferences page (about:config).
--- ---
These are a variety of settings that can change Zen's appearance, behavior, and more. To access them, go to `about:config` in Zen Browser, and search for the title of the flag. Some of these flags may require a restart to work. These are a variety of settings that can change Zen's appearance, behavior, and more. To access them, go to `about:config` in Zen Browser, and search for the title of the flag. Some of these flags may require a restart to work.

View file

@ -2,7 +2,7 @@
title: Live Editing Zen Theme title: Live Editing Zen Theme
description: Learn how to live edit the appearance of Zen Browser by editing the userChrome.css file. description: Learn how to live edit the appearance of Zen Browser by editing the userChrome.css file.
--- ---
import KeyboardShortcut from '@components/KeyboardShortcut'; import KeyboardShortcut from '@/components/KeyboardShortcut';
import { Callout } from 'fumadocs-ui/components/callout'; import { Callout } from 'fumadocs-ui/components/callout';

View file

@ -3,7 +3,7 @@ title: Bookmarks
description: Managing bookmarks in Zen description: Managing bookmarks in Zen
--- ---
import { Tab, Tabs } from 'fumadocs-ui/components/tabs'; import { Tab, Tabs } from 'fumadocs-ui/components/tabs';
import KeyboardShortcut from '@components/KeyboardShortcut'; import KeyboardShortcut from '@/components/KeyboardShortcut';
Zen, as a fork of Firefox, inherits its webpage bookmarking system primarily from Firefox itself, with some additional Zen enhancements. Zen offers two vertical tab layouts: **Single toolbar layout**, which integrates a compact address bar into the vertical tabs toolbar, and **Multiple toolbars layout**, featuring a traditional, full-size address bar in a separate horizontal toolbar. This guide covers the basics of creating and managing bookmarks, tailored to your chosen Zen layout. Zen, as a fork of Firefox, inherits its webpage bookmarking system primarily from Firefox itself, with some additional Zen enhancements. Zen offers two vertical tab layouts: **Single toolbar layout**, which integrates a compact address bar into the vertical tabs toolbar, and **Multiple toolbars layout**, featuring a traditional, full-size address bar in a separate horizontal toolbar. This guide covers the basics of creating and managing bookmarks, tailored to your chosen Zen layout.

View file

@ -2,7 +2,7 @@
title: Compact Mode title: Compact Mode
description: Minimalistic interface for focused browsing description: Minimalistic interface for focused browsing
--- ---
import KeyboardShortcut from '@components/KeyboardShortcut'; import KeyboardShortcut from '@/components/KeyboardShortcut';
Compact Mode is one of Zen's main feature that let you hide all browser toolbars and give wider view for the website you're currently visit. Compact Mode is one of Zen's main feature that let you hide all browser toolbars and give wider view for the website you're currently visit.

View file

@ -2,7 +2,7 @@
title: Extensions title: Extensions
description: Get to know how extensions work in Zen description: Get to know how extensions work in Zen
--- ---
import KeyboardShortcut from '@components/KeyboardShortcut'; import KeyboardShortcut from '@/components/KeyboardShortcut';
Extensions are a small software piece that enhance and personalize a browser by adding or modifying browser function and features. Example of commonly installed extensions includes ad blockers, easy reader mode, privacy and tracking managers, media downloaders, password managers, and tweaks for commonly used websites. Extensions are a small software piece that enhance and personalize a browser by adding or modifying browser function and features. Example of commonly installed extensions includes ad blockers, easy reader mode, privacy and tracking managers, media downloaders, password managers, and tweaks for commonly used websites.

View file

@ -2,7 +2,7 @@
title: Glance title: Glance
description: Preview websites on top of your current tab description: Preview websites on top of your current tab
--- ---
import KeyboardShortcut from '@components/KeyboardShortcut'; import KeyboardShortcut from '@/components/KeyboardShortcut';
Zen's Glance lets you preview websites on top of your current tab, without fully switching to it. By default, you can create a Glance view by holding <KeyboardShortcut shortcut="Alt" /> as trigger key when clicking a link in a regular tab. In Essentials and pinned tabs, Glance will be automatically created when clicking a link outside current website, without having to pressing the trigger key. Zen's Glance lets you preview websites on top of your current tab, without fully switching to it. By default, you can create a Glance view by holding <KeyboardShortcut shortcut="Alt" /> as trigger key when clicking a link in a regular tab. In Essentials and pinned tabs, Glance will be automatically created when clicking a link outside current website, without having to pressing the trigger key.

View file

@ -2,7 +2,7 @@
title: Picture-in-Picture title: Picture-in-Picture
description: Watch videos in a separate window description: Watch videos in a separate window
--- ---
import KeyboardShortcut from '@components/KeyboardShortcut'; import KeyboardShortcut from '@/components/KeyboardShortcut';
With **Picture-in-Picture (PiP)** in **Zen**, you can pop videos out of webpages into a clean, always-on-top floating window. Whether you're working, browsing, or just casually scrolling, PiP keeps your video visible without disrupting your flow. With **Picture-in-Picture (PiP)** in **Zen**, you can pop videos out of webpages into a clean, always-on-top floating window. Whether you're working, browsing, or just casually scrolling, PiP keeps your video visible without disrupting your flow.

View file

@ -2,7 +2,7 @@
title: Split View title: Split View
description: Open multiple tabs side by side easily description: Open multiple tabs side by side easily
--- ---
import KeyboardShortcut from '../../../components/KeyboardShortcut'; import KeyboardShortcut from '@/components/KeyboardShortcut';
Zen's Split View lets you view up to 4 tabs side by side, so you can compare information or multitask easily. Zen's Split View lets you view up to 4 tabs side by side, so you can compare information or multitask easily.

View file

@ -2,7 +2,7 @@
title: URL Bar & Search Functions title: URL Bar & Search Functions
description: Smart navigation with persistent input memory description: Smart navigation with persistent input memory
--- ---
import KeyboardShortcut from '@components/KeyboardShortcut'; import KeyboardShortcut from '@/components/KeyboardShortcut';
Different from most browsers, Zen uses the **URL bar** as a quick and efficient way to navigate the web, eliminating the need for a dedicated new tab page. Different from most browsers, Zen uses the **URL bar** as a quick and efficient way to navigate the web, eliminating the need for a dedicated new tab page.

View file

@ -25,9 +25,6 @@
], ],
"@/*": [ "@/*": [
"./src/*" "./src/*"
],
"@components/*": [
"./components/*"
] ]
}, },
"plugins": [ "plugins": [