docs: Fix code block styling #5058
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Terraform Cloud Plan Output |
Performance Test ResultsTCP
UDP
|
|
Side-by-side view Before: After: That does look nicer. Much better contrast, too. |
| @@ -385,7 +385,8 @@ works the same for any third-party SaaS service. | |||
|
|
|||
| 1. An admin defines a DNS Resource with address `*.slack.com` in the Firezone | |||
| admin portal. Notice the wildcard -- this will route all subdomains for Slack | |||
| through Firezone as well, which helps ensure all relevant Slack traffic is routed. | |||
| through Firezone as well, which helps ensure all relevant Slack traffic is | |||
| routed. | |||
There was a problem hiding this comment.
Is there a hard word wrap I should set in my editors?
There was a problem hiding this comment.
So I use prettier set at 80, but it's not a hard requirement. Wrapping markdown is handled to varying degrees of success depending on the editor.
There was a problem hiding this comment.
I would just like to avoid like 200 line markdown paragraphs if possible.
| @@ -370,7 +369,7 @@ export default function Page() { | |||
| </ChromeIcon> | |||
| </div> | |||
| <div className="p-4 flex items-center justify-center bg-white rounded-lg border border-2 border-neutral-200"> | |||
| <AppleIcon size={12} href="/kb/user-guides/macos-client"> | |||
| <AppleIcon size={12} href="/kb/user-guides/ios-client"> | |||
There was a problem hiding this comment.
I guess the Apple Clients used to share one page and then they split into macOS and iOS? the iOS link was still pointed to macOS so I fixed that.
There was a problem hiding this comment.
They both still say "Apple Clients" though
Fixes the styling bug that occurs when we use triple backticks to define code blocks in markdown.
Now it looks like this:
NOTE
You must specify a language to use for highlighting, or
textif plaintext. Otherwise, no codeblock colorizing will occur.Fixes #5057