diff --git a/website/src/components/markdown.tsx b/website/src/components/markdown.tsx index b13f9a8..b993f51 100644 --- a/website/src/components/markdown.tsx +++ b/website/src/components/markdown.tsx @@ -348,7 +348,7 @@ export function Li({ children }: { children: React.ReactNode }) { Code block with Prism syntax highlighting and line numbers ========================================================================= */ -export function CodeBlock({ children, lang = "jsx" }: { children: string; lang?: string }) { +export function CodeBlock({ children, lang = "jsx", lineHeight = "1.85" }: { children: string; lang?: string; lineHeight?: string }) { const codeRef = useRef(null); const lines = children.split("\n"); @@ -377,7 +377,7 @@ export function CodeBlock({ children, lang = "jsx" }: { children: string; lang?: fontFamily: "var(--font-code)", fontSize: "12px", fontWeight: 400, - lineHeight: "24px", + lineHeight, letterSpacing: "normal", color: "var(--text-primary)", tabSize: 2, diff --git a/website/src/routes/_index.tsx b/website/src/routes/_index.tsx index 8cdb98e..049c8f2 100644 --- a/website/src/routes/_index.tsx +++ b/website/src/routes/_index.tsx @@ -150,7 +150,7 @@ export default function IndexPage() { no flags, no special setup.

- {dedent` + {dedent` ┌─────────────────────┐ ┌──────────────────────┐ ┌─────────────────┐ │ BROWSER │ │ LOCALHOST │ │ CLIENT │ │ │ │ │ │ │ diff --git a/website/src/styles/editorial-prism.css b/website/src/styles/editorial-prism.css index a7df4fe..2b1c695 100644 --- a/website/src/styles/editorial-prism.css +++ b/website/src/styles/editorial-prism.css @@ -22,7 +22,7 @@ pre[class*="language-"] { font-size: 12px; font-weight: 500; letter-spacing: 0.02em; - line-height: 24px; + line-height: 1.85; text-align: left; white-space: pre; word-spacing: normal;