playwriter
Code Issues

website: add lineHeight prop to CodeBlock, use relative values

Browse Source 
Default 1.85 (~22px at 12px font), reduced to 1.5 for ASCII diagram.
Updated editorial-prism.css base to match.
This commit is contained in:
Tommy D. Rossi
2026-02-21 11:09:22 +01:00
parent 8871a3f36f
commit 1b98de0660
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/components/markdown.tsx
+2 -2
View File
@@ -348,7 +348,7 @@ export function Li({ children }: { children: React.ReactNode }) {
Code block with Prism syntax highlighting and line numbers 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<HTMLElement>(null); const codeRef = useRef<HTMLElement>(null);
const lines = children.split("\n"); const lines = children.split("\n");
@@ -377,7 +377,7 @@ export function CodeBlock({ children, lang = "jsx" }: { children: string; lang?:
fontFamily: "var(--font-code)", fontFamily: "var(--font-code)",
fontSize: "12px", fontSize: "12px",
fontWeight: 400, fontWeight: 400,
lineHeight: "24px", lineHeight,
letterSpacing: "normal", letterSpacing: "normal",
color: "var(--text-primary)", color: "var(--text-primary)",
tabSize: 2, tabSize: 2,
website/src/routes/_index.tsx
+1 -1
View File
@@ -150,7 +150,7 @@ export default function IndexPage() {
no flags, no special setup. no flags, no special setup.
</P> </P>
<CodeBlock lang="bash">{dedent` <CodeBlock lang="bash" lineHeight="1.5">{dedent`
┌─────────────────────┐ ┌──────────────────────┐ ┌─────────────────┐ ┌─────────────────────┐ ┌──────────────────────┐ ┌─────────────────┐
│ BROWSER │ │ LOCALHOST │ │ CLIENT │ │ BROWSER │ │ LOCALHOST │ │ CLIENT │
│ │ │ │ │ │ │ │ │ │ │ │
website/src/styles/editorial-prism.css
+1 -1
View File
@@ -22,7 +22,7 @@ pre[class*="language-"] {
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
letter-spacing: 0.02em; letter-spacing: 0.02em;
line-height: 24px; line-height: 1.85;
text-align: left; text-align: left;
white-space: pre; white-space: pre;
word-spacing: normal; word-spacing: normal;