page padding and overflow fix

This commit is contained in:
Timo Volkmann 2020-07-22 20:01:40 +02:00
parent 75aa745a12
commit e45f4c6faa
3 changed files with 7 additions and 7 deletions

View File

@ -7,5 +7,5 @@
-->
<body>
<div id="root"></div>
<div id="root" style="overflow: hidden;"></div>
</body>

View File

@ -5,7 +5,7 @@ import { Container, Row, Col} from 'react-bootstrap';
export default function About() {
return (
<>
<Container>
<div className="p-3">
<Row className="justify-content-md-center">
<Col md="auto">
<h1>About</h1>
@ -30,7 +30,7 @@ export default function About() {
</Row>
</Container>
</div>
</>
)
}

View File

@ -4,7 +4,7 @@ import Home from './Home'
import Overview from './Overview'
import Settings from './Settings'
import About from './About'
import {BrowserRouter as Router, Switch, Route} from 'react-router-dom'
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'
function App() {
@ -15,13 +15,13 @@ function App() {
<Suspense fallback={<div>Loading...</div>}>
<Switch>
<Route path="/" exact>
<Home></Home>
<div className="p-3"><Home></Home></div>
</Route>
<Route path="/overview">
<Overview></Overview>
<div className="p-3"><Overview></Overview></div>
</Route>
<Route path="/settings">
<Settings></Settings>
<div className="p-3"><Settings></Settings></div>
</Route>
<Route path="/about" component={About}></Route>
</Switch>