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> <body>
<div id="root"></div> <div id="root" style="overflow: hidden;"></div>
</body> </body>

View File

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

View File

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