fix: codeblock header border-radius (#828)

4anghyeon · web-flow · commit c030f08503e8 · 2026-04-15T08:58:54.000-07:00
fix: add classname "rounded-t-md"
diff --git a/src/components/markdown/CodeBlockView.tsx b/src/components/markdown/CodeBlockView.tsx
@@ -37,7 +37,7 @@ export function CodeBlockView({
       style={style}
     >
       {(title || showTypeCopyButton) && (
-        <div className="flex items-center justify-between px-4 py-2 bg-gray-50 dark:bg-gray-900">
+        <div className="flex items-center justify-between px-4 py-2 bg-gray-50 dark:bg-gray-900 rounded-t-md">
           <div className="text-xs text-gray-700 dark:text-gray-300">
             {title || (lang?.toLowerCase() === 'bash' ? 'sh' : (lang ?? ''))}
           </div>

Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@ export function CodeBlockView({`
`37`	`37`	`style={style}`
`38`	`38`	`>`
`39`	`39`	`{(title \|\| showTypeCopyButton) && (`
`40`		`- <div className="flex items-center justify-between px-4 py-2 bg-gray-50 dark:bg-gray-900">`
	`40`	`+ <div className="flex items-center justify-between px-4 py-2 bg-gray-50 dark:bg-gray-900 rounded-t-md">`
`41`	`41`	`<div className="text-xs text-gray-700 dark:text-gray-300">`
`42`	`42`	`{title \|\| (lang?.toLowerCase() === 'bash' ? 'sh' : (lang ?? ''))}`
`43`	`43`	`</div>`