diff options
| -rw-r--r-- | modern/public/index.html | 6 | ||||
| -rw-r--r-- | modern/src/StartPage.js | 2 | ||||
| -rw-r--r-- | modern/src/reports/ReplayPage.js | 2 |
3 files changed, 5 insertions, 5 deletions
diff --git a/modern/public/index.html b/modern/public/index.html index 78138ed5..fd82d597 100644 --- a/modern/public/index.html +++ b/modern/public/index.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="en"> +<html lang="en" style="height: 100%;"> <head> <meta charset="utf-8"> <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no" /> @@ -9,10 +9,10 @@ <link rel="stylesheet" href="%PUBLIC_URL%/styles.css"> <title>Traccar</title> </head> - <body style="margin: 0; padding: 0;"> + <body style="margin: 0; padding: 0; height: 100%;"> <noscript> You need to enable JavaScript to run this app. </noscript> - <div id="root" style="height: 100vh;"></div> + <div id="root" style="height: 100%;"></div> </body> </html> diff --git a/modern/src/StartPage.js b/modern/src/StartPage.js index fcfaccca..4584f26d 100644 --- a/modern/src/StartPage.js +++ b/modern/src/StartPage.js @@ -5,7 +5,7 @@ import { useTheme } from '@material-ui/core/styles'; const useStyles = makeStyles((theme) => ({ root: { display: 'flex', - height: '100vh', + height: '100%', }, sidebar: { display: 'flex', diff --git a/modern/src/reports/ReplayPage.js b/modern/src/reports/ReplayPage.js index 51beaeca..72041af8 100644 --- a/modern/src/reports/ReplayPage.js +++ b/modern/src/reports/ReplayPage.js @@ -19,7 +19,7 @@ import { useTranslation } from '../LocalizationProvider'; const useStyles = makeStyles((theme) => ({ root: { - height: '100vh', + height: '100%', }, sidebar: { position: 'absolute', |