diff --git a/src/__story__/figma.story.tsx b/src/__story__/figma.story.tsx index 9afd06254..f5df56789 100644 --- a/src/__story__/figma.story.tsx +++ b/src/__story__/figma.story.tsx @@ -1,6 +1,14 @@ import * as React from 'react'; import {storiesOf} from '@storybook/react'; import Embed from '..'; +import {Box} from './Box'; storiesOf('figma', module) .add('Site link', () => ) + .add('Fitted', () => { + return ( + + + + ); + }) diff --git a/src/__story__/gfycat.story.tsx b/src/__story__/gfycat.story.tsx index 54ad7b7b7..5af3d6d48 100644 --- a/src/__story__/gfycat.story.tsx +++ b/src/__story__/gfycat.story.tsx @@ -1,7 +1,15 @@ import * as React from 'react'; import {storiesOf} from '@storybook/react'; import Embed from '..'; +import {Box} from './Box'; storiesOf('gfycat', module) .add('Site link', () => ) .add('Site link - 2', () => ) + .add('Fitted', () => { + return ( + + + + ); + }) diff --git a/src/blocks/figma/index.tsx b/src/blocks/figma/index.tsx index 78a5cd273..284ab22f5 100644 --- a/src/blocks/figma/index.tsx +++ b/src/blocks/figma/index.tsx @@ -1,16 +1,31 @@ import * as React from 'react'; import {BlockProps} from '../..'; +import {rule} from 'p4-css'; + +const blockClass = rule({ + d: 'block', + ov: 'hidden', + w: '100%', + bd: '1px solid #E5E9F2', + bdrad: '6px', + '& iframe': { + d: 'block', + ov: 'hidden', + bd: 0, + w: '100%', + h: '450px', + bdrad: '8px', + }, +}); const Figma: React.SFC = ({url}) => { return ( -