Fix <Callout> icon margin (#1017)

amirhhashemi · web-flow · commit adad79ae2d74 · 2025-01-10T09:54:34.000-08:00
diff --git a/src/ui/callout.tsx b/src/ui/callout.tsx
@@ -92,7 +92,7 @@ export function Callout(props: CalloutProps) {
 				styles[mergedProps.type].container
 			}`}
 		>
-			<IconComponent class="h-6 w-8 pt-1 flex-none" />
+			<IconComponent class="h-6 w-8 mt-1 flex-none" />
 			<div class={`m-0 pb-1 px-4 w-full ${styles[mergedProps.type].title}`}>
 				<Show
 					when={props.title}

Original file line number	Diff line number	Diff line change
`@@ -92,7 +92,7 @@ export function Callout(props: CalloutProps) {`
`92`	`92`	`styles[mergedProps.type].container`
`93`	`93`	}`}
`94`	`94`	`>`
`95`		`- <IconComponent class="h-6 w-8 pt-1 flex-none" />`
	`95`	`+ <IconComponent class="h-6 w-8 mt-1 flex-none" />`
`96`	`96`	<div class={`m-0 pb-1 px-4 w-full ${styles[mergedProps.type].title}`}>
`97`	`97`	`<Show`
`98`	`98`	`when={props.title}`