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

fixed mobile styles

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; margin: 0;
} }
@media (min-width: 960px) { @media (min-width: 600px) {
.sighting-google-map-container > div { .sighting-google-map-container > div {
width: calc(100% - 241px) !important; width: calc(100% - 240px) !important;
height: calc(100% - 64px) !important;
} }
} }
@media (min-width: 960px) { @media (min-width: 960px) {
.report-google-map-container > div { .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, width: drawerWidth,
}, },
content: { content: {
flexGrow: 1 flexGrow: 1,
width: '60%'
}, },
}); });
@ -153,7 +154,6 @@ class ResponsiveDrawer extends React.Component {
</Toolbar> </Toolbar>
</AppBar> </AppBar>
<nav className={classes.drawer}> <nav className={classes.drawer}>
{/* The implementation can be swap with js to avoid SEO duplication of links. */}
<Hidden smUp implementation="css"> <Hidden smUp implementation="css">
<Drawer <Drawer
container={this.props.container} container={this.props.container}