Skip to content

Commit 7911c37

Browse files
committed
fix: docusurus build failures
1 parent 328de13 commit 7911c37

2 files changed

Lines changed: 9 additions & 9 deletions

File tree

docs/13-Features/07-Live Preview/index.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ To show or hide Live Preview, click the **Lightning Bolt** icon at the top of th
1818
1919
Alternatively, toggle from `File > Live Preview` or use the keyboard shortcut (default: `Ctrl + Alt + L` on Windows/Linux, `Cmd + Alt + L` on macOS).
2020

21-
To customize the keyboard shortcut, see the [Keyboard Shortcuts Guide](../keyboard-shortcuts).
21+
To customize the keyboard shortcut, see the [Keyboard Shortcuts Guide](./keyboard-shortcuts).
2222

2323
![Live Preview toggle menu option](../images/livePreview/lp-menu.png "Live Preview toggle menu option")
2424

@@ -75,22 +75,22 @@ The left side of the toolbar groups three controls:
7575

7676
* **Reload Live Preview**: The leftmost icon is the reload icon. Clicking on it refreshes the Live Preview. It is useful when Live Preview gets out of sync with your code.
7777

78-
* **Design Mode**: The maximize icon after the reload button is for Design Mode. This mode hides the editor and expands the Live Preview to take over the full window, giving you more room to work on the page with [Edit Mode](../../Pro%20Features/live-preview-edit) or [Phoenix Code AI](../../Pro%20Features/ai-chat). Click the icon again to exit Design Mode.
78+
* **Design Mode**: The maximize icon after the reload button is for Design Mode. This mode hides the editor and expands the Live Preview to take over the full window, giving you more room to work on the page with [Edit Mode](../Pro%20Features/live-preview-edit) or [Phoenix Code AI](../Pro%20Features/ai-chat). Click the icon again to exit Design Mode.
7979

80-
* **Live Preview Modes**: The pen icon lets you quickly switch between [Edit Mode](../../Pro%20Features/live-preview-edit) and Preview Mode. The pen lights up when Edit Mode is active. You can also press `F8` to toggle between these two modes.
80+
* **Live Preview Modes**: The pen icon lets you quickly switch between [Edit Mode](../Pro%20Features/live-preview-edit) and Preview Mode. The pen lights up when Edit Mode is active. You can also press `F8` to toggle between these two modes.
8181

8282
For more mode options, click the chevron next to the pen icon. This opens a dropdown where you can select from all available Live Preview modes:
8383

8484
![Live Preview mode dropdown](../images/livePreview/lp-mode.png "Live Preview mode dropdown")
8585

8686
- **Preview Mode**: View-only. The page behaves like a normal browser but still updates as you edit code. All interactions with the page (clicks, hovers, etc.) are disabled.
8787
- **Highlight Mode**: Click any element to see its paddings and margins. Phoenix Code also jumps to that element in your source code so you can start editing right away.
88-
- **Edit Mode**: Edit elements directly in the preview. Insert elements, change text, drag elements, swap images, and more. Phoenix Code updates your source code automatically. [Learn more](../../Pro%20Features/live-preview-edit).
88+
- **Edit Mode**: Edit elements directly in the preview. Insert elements, change text, drag elements, swap images, and more. Phoenix Code updates your source code automatically. [Learn more](../Pro%20Features/live-preview-edit).
8989

9090
When Edit Mode is active, two extra options appear in the same dropdown:
9191

92-
- **Inspect Element on Hover**: Highlights elements as you hover, instead of only on click. This option is enabled by default. [Learn more](../../Pro%20Features/live-preview-edit#inspect-element-on-hover).
93-
- **Show Measurements**: Displays ruler lines from the edges of the selected element to the edges of the Live Preview, with labels showing the exact pixel positions. This option is disabled by default. [Learn more](../../Pro%20Features/measurements).
92+
- **Inspect Element on Hover**: Highlights elements as you hover, instead of only on click. This option is enabled by default. [Learn more](../Pro%20Features/live-preview-edit#inspect-element-on-hover).
93+
- **Show Measurements**: Displays ruler lines from the edges of the selected element to the edges of the Live Preview, with labels showing the exact pixel positions. This option is disabled by default. [Learn more](../Pro%20Features/measurements).
9494

9595
<VideoPlayer
9696
src="https://docs-images.phcode.dev/website/videos/lp-edit-pro-dialog.mp4"
@@ -123,9 +123,9 @@ The center section of the toolbar groups three controls for the currently previe
123123

124124
The right end of the toolbar has two controls:
125125

126-
* **Live Preview Settings**: The gear icon on the left. Clicking it opens the Live Preview settings dialog. This icon is hidden by default and only appears when you hover over the toolbar. [Read more about Live Preview Settings](./live-preview-settings/#accessing-live-preview-settings).
126+
* **Live Preview Settings**: The gear icon on the left. Clicking it opens the Live Preview settings dialog. This icon is hidden by default and only appears when you hover over the toolbar. [Read more about Live Preview Settings](./Live%20Preview/live-preview-settings#accessing-live-preview-settings).
127127

128-
* **Device Preview**: Resize the Live Preview to common phone, tablet, and desktop widths, or snap to your CSS breakpoints. Click the icon to cycle through sizes, or click the chevron for the full list. See [Device Preview](../../Pro%20Features/device-preview) for more.
128+
* **Device Preview**: Resize the Live Preview to common phone, tablet, and desktop widths, or snap to your CSS breakpoints. Click the icon to cycle through sizes, or click the chevron for the full list. See [Device Preview](../Pro%20Features/device-preview) for more.
129129

130130
<VideoPlayer
131131
src="https://docs-images.phcode.dev/website/videos/device-size-pro-dialog.mp4"

docs/13-Features/10-syntax-highlighting.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ Syntax Highlighting Example [Theme : `Monokai Dark Soda`]
3232
Syntax Highlighting Example [Theme : `Material Color Light`]
3333
![Syntax Highlighting Material Color Light Theme Image](images/syntaxHighlighting/syntax-highlighting-material-color-light-theme.png "Syntax Highlighting by Material Color Light Theme")
3434

35-
To learn more about Themes. [Click Here](./themes)
35+
To learn more about Themes. [Click Here](../customizing-editor#themes)
3636

3737

3838
## Add Syntax Highlighting for a Particular File Type

0 commit comments

Comments
 (0)