🚑 Fix iFrame height

timmo001 · Sep 16, 2019 · eef6297 · eef6297
1 parent 9cea390
commit eef6297
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/Components/Cards/Frame.tsx b/src/Components/Cards/Frame.tsx
@@ -1,18 +1,18 @@
 // @flow
 import React from 'react';
 import PropTypes from 'prop-types';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles, Theme } from '@material-ui/core/styles';
 
 import { BaseProps } from './Base';
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles((theme: Theme) => ({
   root: {
     height: '100%'
   },
   frame: {
     display: 'block',
     width: '100%',
-    height: '100%',
+    height: `calc(100% - ${theme.spacing(2)}px)`,
     border: 0
   }
 }));
@@ -25,7 +25,6 @@ function Frame(props: FrameProps) {
   return (
     <iframe
       className={classes.frame}
-      style={{ height: props.card.height ? props.card.height : 'auto' }}
       title={props.card.title}
       src={props.card.url}
       sandbox="allow-forms allow-popups allow-pointer-lock allow-same-origin allow-scripts allow-presentation"