style: colorize warning icon in block callout

dinhanhthi · dinhanhthi · commit f962795b4e06 · 2024-09-17T21:16:36.000+02:00
diff --git a/src/components/BlockCallout.tsx b/src/components/BlockCallout.tsx
@@ -18,7 +18,7 @@ export default function BlockCallout(props: {
       <div
         className={cn('flex rounded-md', mapColorClass(props.color) || 'border border-gray-200')}
       >
-        {props.icon && <div className="text-2xl pl-4 py-2">{props.icon}</div>}
+        {props.icon && <div className="text-2xl pl-4 py-2 text-amber-500">{props.icon}</div>}
         <div className="pl-2 pr-4 w-0 flex-1">
           <div className={blockMargin}>{props.text}</div>
           {!!props.children && <div className="m2it-inside-box">{props.children}</div>}

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ export default function BlockCallout(props: {`
`18`	`18`	`<div`
`19`	`19`	`className={cn('flex rounded-md', mapColorClass(props.color) \|\| 'border border-gray-200')}`
`20`	`20`	`>`
`21`		`- {props.icon && <div className="text-2xl pl-4 py-2">{props.icon}</div>}`
	`21`	`+ {props.icon && <div className="text-2xl pl-4 py-2 text-amber-500">{props.icon}</div>}`
`22`	`22`	`<div className="pl-2 pr-4 w-0 flex-1">`
`23`	`23`	`<div className={blockMargin}>{props.text}</div>`
`24`	`24`	`{!!props.children && <div className="m2it-inside-box">{props.children}</div>}`