diff --git a/content/docs/contribute/docs/editing-with-vscode.mdx b/content/docs/contribute/docs/editing-with-vscode.mdx index caedf68..1b7fba6 100644 --- a/content/docs/contribute/docs/editing-with-vscode.mdx +++ b/content/docs/contribute/docs/editing-with-vscode.mdx @@ -2,7 +2,7 @@ title: Editing with VS Code 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. diff --git a/content/docs/faq.mdx b/content/docs/faq.mdx index 8316719..f89b39a 100644 --- a/content/docs/faq.mdx +++ b/content/docs/faq.mdx @@ -2,7 +2,7 @@ title: FAQ icon: CircleHelp --- -import KeyboardShortcut from '@components/KeyboardShortcut'; +import KeyboardShortcut from '@/components/KeyboardShortcut'; import { Callout } from 'fumadocs-ui/components/callout'; import { InlineTOC } from 'fumadocs-ui/components/inline-toc'; diff --git a/content/docs/guides/about-config-flags.mdx b/content/docs/guides/about-config-flags.mdx index 08b7780..518ae9d 100644 --- a/content/docs/guides/about-config-flags.mdx +++ b/content/docs/guides/about-config-flags.mdx @@ -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). --- 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. diff --git a/content/docs/guides/live-editing.mdx b/content/docs/guides/live-editing.mdx index 9dfc2d9..d077705 100644 --- a/content/docs/guides/live-editing.mdx +++ b/content/docs/guides/live-editing.mdx @@ -2,7 +2,7 @@ title: Live Editing Zen Theme 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'; diff --git a/content/docs/user-manual/bookmarks.mdx b/content/docs/user-manual/bookmarks.mdx index 65d175d..187a878 100644 --- a/content/docs/user-manual/bookmarks.mdx +++ b/content/docs/user-manual/bookmarks.mdx @@ -3,7 +3,7 @@ title: Bookmarks description: Managing bookmarks in Zen --- 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. diff --git a/content/docs/user-manual/compact-mode.mdx b/content/docs/user-manual/compact-mode.mdx index dbe241c..5cfa46c 100644 --- a/content/docs/user-manual/compact-mode.mdx +++ b/content/docs/user-manual/compact-mode.mdx @@ -2,7 +2,7 @@ title: Compact Mode 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. diff --git a/content/docs/user-manual/extensions.mdx b/content/docs/user-manual/extensions.mdx index 0ef0fff..41ad744 100644 --- a/content/docs/user-manual/extensions.mdx +++ b/content/docs/user-manual/extensions.mdx @@ -2,7 +2,7 @@ title: Extensions 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. diff --git a/content/docs/user-manual/glance.mdx b/content/docs/user-manual/glance.mdx index 6325576..0984f2f 100644 --- a/content/docs/user-manual/glance.mdx +++ b/content/docs/user-manual/glance.mdx @@ -2,7 +2,7 @@ title: Glance 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 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. diff --git a/content/docs/user-manual/pip.mdx b/content/docs/user-manual/pip.mdx index 759e071..c0d2d8b 100644 --- a/content/docs/user-manual/pip.mdx +++ b/content/docs/user-manual/pip.mdx @@ -2,7 +2,7 @@ title: Picture-in-Picture 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. diff --git a/content/docs/user-manual/split-view.mdx b/content/docs/user-manual/split-view.mdx index c9790a2..7b1d10c 100644 --- a/content/docs/user-manual/split-view.mdx +++ b/content/docs/user-manual/split-view.mdx @@ -2,7 +2,7 @@ title: Split View 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. diff --git a/content/docs/user-manual/urlbar.mdx b/content/docs/user-manual/urlbar.mdx index 28df2ce..8a84589 100644 --- a/content/docs/user-manual/urlbar.mdx +++ b/content/docs/user-manual/urlbar.mdx @@ -2,7 +2,7 @@ title: URL Bar & Search Functions 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. diff --git a/components/KeyboardShortcut.tsx b/src/components/KeyboardShortcut.tsx similarity index 100% rename from components/KeyboardShortcut.tsx rename to src/components/KeyboardShortcut.tsx diff --git a/tsconfig.json b/tsconfig.json index 8e51c0e..504b291 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -25,9 +25,6 @@ ], "@/*": [ "./src/*" - ], - "@components/*": [ - "./components/*" ] }, "plugins": [