aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAnton Tananaev <anton@traccar.org>2022-05-08 08:22:42 -0700
committerAnton Tananaev <anton@traccar.org>2022-05-08 08:22:42 -0700
commitcd41e1a8d4dc69ffdef289720c59a10c3489bc83 (patch)
treecb820fe9532c9ab2c89a1bf59ce3430f7a796dad
parente85106252ec9f4707176e299a7c42c49ccd68632 (diff)
downloadtrackermap-web-cd41e1a8d4dc69ffdef289720c59a10c3489bc83.tar.gz
trackermap-web-cd41e1a8d4dc69ffdef289720c59a10c3489bc83.tar.bz2
trackermap-web-cd41e1a8d4dc69ffdef289720c59a10c3489bc83.zip
Use percentage height
-rw-r--r--modern/public/index.html6
-rw-r--r--modern/src/StartPage.js2
-rw-r--r--modern/src/reports/ReplayPage.js2
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',