🐭🐘 - Ensure size of SVG icons with no classes (#256)

jupyter-book · Nov 8, 2023 · c4f154d · c4f154d
1 parent 6db9952
commit c4f154d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/violet-flies-marry.md b/.changeset/violet-flies-marry.md
@@ -0,0 +1,5 @@
+---
+'myst-to-react': patch
+---
+
+Ensure icon is correct size without styles
diff --git a/packages/myst-to-react/src/exercise.tsx b/packages/myst-to-react/src/exercise.tsx
@@ -86,7 +86,7 @@ export function Callout({
   children: React.ReactNode;
   dropdown?: boolean;
   identifier?: string;
-  Icon?: (props: { className?: string }) => JSX.Element;
+  Icon?: (props: { width?: string; height?: string; className?: string }) => JSX.Element;
 }) {
   return (
     <WrapperElement
@@ -127,8 +127,10 @@ export function Callout({
       >
         {Icon && (
           <Icon
+            width="2rem"
+            height="2rem"
             className={classNames(
-              'h-8 w-8 inline-block pl-2 mr-2 self-center flex-none',
+              'inline-block pl-2 mr-2 self-center flex-none',
               classNames({
                 'text-gray-600': !color || color === 'gray',
                 'text-blue-600': color === 'blue',