GVSU/marten-application
GVSU/marten-application
1
0
Fork 0
Code Pull Requests Releases Activity

fixed mobile styles

Browse Source
This commit is contained in:
Al Duncanson 2018-10-25 11:31:38 -04:00
parent fc452c5e35
commit 147513571f
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/App.css
View File

@ -2,14 +2,15 @@ body {
margin: 0;
}
@media (min-width: 960px) {
@media (min-width: 600px) {
.sighting-google-map-container > div {
width: calc(100% - 241px) !important;
width: calc(100% - 240px) !important;
height: calc(100% - 64px) !important;
}
}
@media (min-width: 960px) {
.report-google-map-container > div {
width: 50% !important;
width: calc(100% - 50% - 120px) !important;
}
}

4
src/components/Main.js
View File

@ -60,7 +60,8 @@ const styles = theme => ({
width: drawerWidth,
},
content: {
flexGrow: 1
flexGrow: 1,
width: '60%'
},
});
@ -153,7 +154,6 @@ class ResponsiveDrawer extends React.Component {
</Toolbar>
</AppBar>
<nav className={classes.drawer}>
{/* The implementation can be swap with js to avoid SEO duplication of links. */}
<Hidden smUp implementation="css">
<Drawer
container={this.props.container}