fix: Markdown render spacing (#207)

This commit is contained in:
Devansh Jain
2025-12-14 11:33:53 -08:00
committed by GitHub
parent d592fde824
commit 13b4100311

View File

@@ -58,7 +58,7 @@ export const MarkdownDisplay: React.FC<MarkdownDisplayProps> = ({
// TODO: Could parse cli-highlight output and convert ANSI to Ink components
// but for MVP, just use a nice color like Gemini does
contentBlocks.push(
<Box key={key} paddingLeft={2} marginY={1}>
<Box key={key} paddingLeft={2}>
<Text color={colors.code.inline}>{code}</Text>
</Box>,
);
@@ -109,11 +109,7 @@ export const MarkdownDisplay: React.FC<MarkdownDisplayProps> = ({
);
}
contentBlocks.push(
<Box key={key} marginY={1}>
{headerElement}
</Box>,
);
contentBlocks.push(<Box key={key}>{headerElement}</Box>);
return;
}
@@ -166,7 +162,7 @@ export const MarkdownDisplay: React.FC<MarkdownDisplayProps> = ({
// Check for horizontal rules
if (line.match(hrRegex)) {
contentBlocks.push(
<Box key={key} marginY={1}>
<Box key={key}>
<Text dimColor></Text>
</Box>,
);
@@ -205,7 +201,7 @@ export const MarkdownDisplay: React.FC<MarkdownDisplayProps> = ({
if (inCodeBlock && codeBlockContent.length > 0) {
const code = codeBlockContent.join("\n");
contentBlocks.push(
<Box key="unclosed-code" paddingLeft={2} marginY={1}>
<Box key="unclosed-code" paddingLeft={2}>
<Text color={colors.code.inline}>{code}</Text>
</Box>,
);