aboutsummaryrefslogtreecommitdiff
path: root/modern
diff options
context:
space:
mode:
authorAnton Tananaev <anton@traccar.org>2022-05-08 14:31:29 -0700
committerAnton Tananaev <anton@traccar.org>2022-05-08 14:31:29 -0700
commit66eb9c1a687b5e254b0f9c8b6cb8ffbf9e2fc524 (patch)
tree97b940441b26a11959331cb3674a86d0deb57232 /modern
parente9f85e4559b83bcca479969663ae6df80d97f803 (diff)
downloadtrackermap-web-66eb9c1a687b5e254b0f9c8b6cb8ffbf9e2fc524.tar.gz
trackermap-web-66eb9c1a687b5e254b0f9c8b6cb8ffbf9e2fc524.tar.bz2
trackermap-web-66eb9c1a687b5e254b0f9c8b6cb8ffbf9e2fc524.zip
Remove extra nesting
Diffstat (limited to 'modern')
-rw-r--r--modern/public/index.html2
-rw-r--r--modern/public/styles.css6
-rw-r--r--modern/src/App.js9
3 files changed, 9 insertions, 8 deletions
diff --git a/modern/public/index.html b/modern/public/index.html
index f4d436c0..f0307b7b 100644
--- a/modern/public/index.html
+++ b/modern/public/index.html
@@ -13,6 +13,6 @@
<noscript>
You need to enable JavaScript to run this app.
</noscript>
- <div id="root" style="height: 100%;"></div>
+ <div id="root" class="root"></div>
</body>
</html>
diff --git a/modern/public/styles.css b/modern/public/styles.css
index e0fed800..841c95d1 100644
--- a/modern/public/styles.css
+++ b/modern/public/styles.css
@@ -12,6 +12,12 @@ canvas {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
+.root {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+}
+
.maplibregl-popup-content {
padding: 10px !important;
}
diff --git a/modern/src/App.js b/modern/src/App.js
index 5c5c2591..64c3e24f 100644
--- a/modern/src/App.js
+++ b/modern/src/App.js
@@ -53,11 +53,6 @@ import AccumulatorsPage from './settings/AccumulatorsPage';
import CommandSendPage from './settings/CommandSendPage';
const useStyles = makeStyles(() => ({
- root: {
- display: 'flex',
- flexDirection: 'column',
- height: '100%',
- },
page: {
flexGrow: 1,
overflow: 'auto',
@@ -114,7 +109,7 @@ const App = () => {
<Route exact path="/reset-password" component={ResetPasswordPage} />
<Route>
{!initialized ? (<LinearProgress />) : (
- <div className={classes.root}>
+ <>
<div className={classes.page}>
<Switch>
<Route exact path="/" component={MainPage} />
@@ -158,7 +153,7 @@ const App = () => {
<BottomMenu />
</div>
)}
- </div>
+ </>
)}
</Route>
</Switch>