diff --git a/src/components/gui/gui.jsx b/src/components/gui/gui.jsx index c2d025dd7973ebf90a13867bd91214c7ed367714..5c7a378dc43c44ff9f3d5d37e3b9ae79ffbbe87f 100644 --- a/src/components/gui/gui.jsx +++ b/src/components/gui/gui.jsx @@ -144,21 +144,16 @@ const GUIComponent = props => { </Box> <Box className={styles.stageWrapper}> {/* eslint-disable arrow-body-style */} - <MediaQuery - minHeight={layout.fullSizeMinHeight} - minWidth={layout.fullSizeMinWidth} - > - {isFullSize => { - return isRendererSupported ? ( - <Stage - height={isFullSize ? layout.fullStageHeight : layout.smallerStageHeight} - shrink={0} - vm={vm} - width={isFullSize ? layout.fullStageWidth : layout.smallerStageWidth} - /> - ) : null; - }} - </MediaQuery> + <MediaQuery minWidth={layout.fullSizeMinWidth}>{isFullSize => { + return isRendererSupported ? ( + <Stage + height={isFullSize ? layout.fullStageHeight : layout.smallerStageHeight} + shrink={0} + vm={vm} + width={isFullSize ? layout.fullStageWidth : layout.smallerStageWidth} + /> + ) : null; + }}</MediaQuery> {/* eslint-enable arrow-body-style */} </Box> <Box className={styles.targetWrapper}> diff --git a/src/components/sprite-info/sprite-info.jsx b/src/components/sprite-info/sprite-info.jsx index 32044e59dc5e479346f16385e6017a28b14d1df7..7d0acf952b9dc3ed8320dcd835deb090c1a5df62 100644 --- a/src/components/sprite-info/sprite-info.jsx +++ b/src/components/sprite-info/sprite-info.jsx @@ -51,10 +51,7 @@ class SpriteInfo extends React.Component { </div> <div className={styles.group}> - <MediaQuery - minHeight={layout.fullSizeMinHeight} - minWidth={layout.fullSizeMinWidth} - > + <MediaQuery minWidth={layout.fullSizeMinWidth}> <div className={styles.iconWrapper}> <img aria-hidden="true" @@ -77,10 +74,7 @@ class SpriteInfo extends React.Component { </div> <div className={styles.group}> - <MediaQuery - minHeight={layout.fullSizeMinHeight} - minWidth={layout.fullSizeMinWidth} - > + <MediaQuery minWidth={layout.fullSizeMinWidth}> <div className={styles.iconWrapper}> <img aria-hidden="true" @@ -105,10 +99,7 @@ class SpriteInfo extends React.Component { <div className={classNames(styles.row, styles.rowSecondary)}> <div className={styles.group}> - <MediaQuery - minHeight={layout.fullSizeMinHeight} - minWidth={layout.fullSizeMinWidth} - > + <MediaQuery minWidth={layout.fullSizeMinWidth}> <Label secondary text="Show" diff --git a/src/lib/layout-constants.js b/src/lib/layout-constants.js index 9c874613f79667984d6e1b722b3f7cf5224f8a01..67c2ae44cc0ecc3c8b979626d4ba51e85a176b63 100644 --- a/src/lib/layout-constants.js +++ b/src/lib/layout-constants.js @@ -4,6 +4,5 @@ export default { smallerStageWidth: 480 * 0.85, smallerStageHeight: 360 * 0.85, fullSizeMinWidth: 1096, - fullSizeMinHeight: 821, // Adding 7% to 768. fullSizePaintMinWidth: 1250 };