fix: removed flex on headline

EAVFW · Oct 4, 2024 · b8b3d63 · b8b3d63
1 parent 00a5e03
commit b8b3d63
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/packages/core/src/components/ending/Ending.tsx b/packages/core/src/components/ending/Ending.tsx
@@ -39,8 +39,8 @@ export const Ending: React.FC<EndingProps> = ({ model, className }) => {
             {submitStatus.isSubmitSuccess &&
                 <>
                     {state.defaultEndingSlideIcon !== "none" && <Checkmark color={quickformtokens.onSurface} />}
-                    {text &&
-                        <Heading style={{ marginTop: '10px' }}>
+                {text &&
+                    <Heading isHtml={textIsHtml} style={{ marginTop: '10px' }}>
                             {text}
                         </Heading>
                     }

diff --git a/packages/core/src/components/heading/Heading.tsx b/packages/core/src/components/heading/Heading.tsx
@@ -16,15 +16,23 @@ export const Heading: React.FC<HeadingProps> = ({ children, label, style = {}, i
         fontWeight: 'bold',
         color: quickformtokens.onSurface,
         position: "relative",
-        display: 'flex',
-        alignItems: 'center',
+      //  display: 'flex',
+       // alignItems: 'center',
         // CSS-reset from default margin on h1
         margin: 0
     };
 
 
     if (typeof (children) === "string") {
 
+        if(isHtml)
+            return (
+                <div
+                style={{ ...style, ...headingStyles }}
+                dangerouslySetInnerHTML={{ __html:  children }}
+            />
+        );
+
         return (
             <h1
                 style={{ ...style, ...headingStyles }}