diff options
| -rw-r--r-- | modern/public/index.html | 2 | ||||
| -rw-r--r-- | modern/public/styles.css | 6 | ||||
| -rw-r--r-- | modern/src/App.js | 9 |
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> |