left border on highlighted lines

ngrok-oss · Oct 19, 2023 · 0da50ee · 0da50ee
1 parent 0c9134e
commit 0da50ee
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/code-block.tsx b/src/components/code-block.tsx
@@ -100,7 +100,10 @@ const CodeBlockContent = forwardRef<HTMLPreElement, CodeBlockContentProps>(
 							return (
 								<span
 									key={line + lineNumber}
-									className={cx("block border-r px-2 text-gray-400", shouldHighlight && "bg-blue-100 text-gray-600")}
+									className={cx(
+										"block border-r px-2 text-gray-400",
+										shouldHighlight && "border-l-4 border-l-blue-200 bg-blue-100 text-gray-600",
+									)}
 								>
 									{lineNumber}
 								</span>