Merge pull request #1170 from datopian/fix/iframe-height

[components][iFrame] Change default height
datopian · Jun 4, 2024 · 5deabac · 5deabac
2 parents 7094ede + 9690115
commit 5deabac
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/nice-rings-smoke.md b/.changeset/nice-rings-smoke.md
@@ -0,0 +1,5 @@
+---
+'@portaljs/components': patch
+---
+
+iFrame component: change height
diff --git a/packages/components/src/components/Iframe.tsx b/packages/components/src/components/Iframe.tsx
@@ -11,7 +11,7 @@ export function Iframe({ data, style }: IframeProps) {
   return (
     <iframe
       src={url}
-      style={style ?? { width: `100%`, height: `100%` }}
+      style={style ?? { width: `100%`, height: `600px` }}
     ></iframe>
   );
 }
diff --git a/packages/components/stories/Iframe.stories.ts b/packages/components/stories/Iframe.stories.ts
@@ -28,6 +28,6 @@ export const Normal: Story = {
     data: {
       url: 'https://app.powerbi.com/view?r=eyJrIjoiYzBmN2Q2MzYtYzE3MS00ODkxLWE5OWMtZTQ2MjBlMDljMDk4IiwidCI6Ijk1M2IwZjgzLTFjZTYtNDVjMy04MmM5LTFkODQ3ZTM3MjMzOSIsImMiOjh9',
     },
-    style: { width: `100%`, height: `100%` },
+    style: { width: `100%`, height: `600px` },
   },
 };