fix(code-block): code-block line numbers without padding

gabrielmfern · gabrielmfern · commit cec271bcfc68 · 2024-11-08T13:46:38.000-03:00
diff --git a/packages/code-block/src/code-block.tsx b/packages/code-block/src/code-block.tsx
@@ -97,7 +97,7 @@ export const CodeBlock = React.forwardRef<HTMLPreElement, CodeBlockProps>(
             <p key={lineIndex} style={{ margin: 0, minHeight: "1em" }}>
               {props.lineNumbers ? (
                 <span
-                  style={{ maxWidth: "1.875em", fontFamily: props.fontFamily }}
+                  style={{ width: "2em", display: "inline-block", fontFamily: props.fontFamily }}
                 >
                   {lineIndex + 1}
                 </span>

Original file line number	Diff line number	Diff line change
`@@ -97,7 +97,7 @@ export const CodeBlock = React.forwardRef<HTMLPreElement, CodeBlockProps>(`
`97`	`97`	`<p key={lineIndex} style={{ margin: 0, minHeight: "1em" }}>`
`98`	`98`	`{props.lineNumbers ? (`
`99`	`99`	`<span`
`100`		`- style={{ maxWidth: "1.875em", fontFamily: props.fontFamily }}`
	`100`	`+ style={{ width: "2em", display: "inline-block", fontFamily: props.fontFamily }}`
`101`	`101`	`>`
`102`	`102`	`{lineIndex + 1}`
`103`	`103`	`</span>`