allow welcome page story to be max width and height

brave · Jul 23, 2019 · d95463f · d95463f
1 parent bc8819d
commit d95463f
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/components/brave_welcome_ui/stories/story.tsx b/components/brave_welcome_ui/stories/story.tsx
@@ -5,11 +5,21 @@
 import * as React from 'react'
 import { storiesOf } from '@storybook/react'
 import { withKnobs, boolean } from '@storybook/addon-knobs'
+
 // Components
 import WelcomePage from './page/index'
 
+const fullPageStoryStyles: object = {
+  width: '-webkit-fill-available',
+  height: '-webkit-fill-available'
+}
+
+export const FullPageStory = (storyFn: any) =>
+  <div style={fullPageStoryStyles}>{storyFn()}</div>
+
 storiesOf('Welcome', module)
   .addDecorator(withKnobs)
+  .addDecorator(FullPageStory)
   .add('Page', () => {
     return (
       <WelcomePage isDefaultSearchGoogle={boolean('Is default search google?', true)}/>