app: fix docs not hiding on small viewports

This broke when the nested containers were dropped.

Also change breakpoint from medium to large, so that docs only show in large viewports.
This commit is contained in:
Laurens Valk
2020-06-01 13:20:30 +02:00
committed by laurensvalk
parent aa334c2d82
commit 5190ee3878
+2 -2
View File
@@ -14,7 +14,7 @@ function App(): JSX.Element {
<div>
<Container fluid>
<Row className="vh-100">
<Col className="d-flex flex-column container-col">
<Col md={12} lg={8} className="d-flex flex-column container-col">
<Row>
<Col>
<Toolbar />
@@ -36,7 +36,7 @@ function App(): JSX.Element {
</Col>
</Row>
</Col>
<Col xs={1} md={4} className="embed-responsive">
<Col lg={4} className="embed-responsive d-lg-block d-md-none">
<iframe src="https://docs.pybricks.com" title="docs"></iframe>
</Col>
</Row>