From a82903adece1334ada62ecd67615837002f4cd63 Mon Sep 17 00:00:00 2001 From: Pedro Nauck <pedronauck@gmail.com> Date: Tue, 14 Aug 2018 16:45:37 -0300 Subject: [PATCH] fix(docz-theme-default): add playground min-height just on fullscreen --- .../docz-theme-default/src/components/ui/Render/index.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/docz-theme-default/src/components/ui/Render/index.tsx b/packages/docz-theme-default/src/components/ui/Render/index.tsx index 609a9ed3b..9494d9267 100644 --- a/packages/docz-theme-default/src/components/ui/Render/index.tsx +++ b/packages/docz-theme-default/src/components/ui/Render/index.tsx @@ -55,7 +55,7 @@ const PlaygroundWrapper = styled('div')` border-radius: 4px 4px 0 0; border: 1px solid ${p => p.theme.docz.colors.border}; background: ${p => p.theme.docz.colors.background}; - min-height: 198px; + min-height: ${whenFullscreen('198px', 'auto')}; ${p => p.theme.docz.mq(p.theme.docz.styles.playground)}; ` @@ -278,7 +278,7 @@ export class Render extends Component<RenderComponentProps, RenderState> { <Wrapper full={fullscreen}> <LiveConsumer> {(live: any) => ( - <PlaygroundWrapper> + <PlaygroundWrapper full={fullscreen}> {live.error && ( <DummyPlayground className={className} style={style}> {this.props.component}