Expand containers to fill full vertical height.

master
Tom Hacohen 6 years ago
parent b24070883a
commit 57f1aadc0d

@ -181,10 +181,18 @@ class App extends React.PureComponent {
const fetching = this.props.fetchCount > 0; const fetching = this.props.fetchCount > 0;
const styles = {
main: {
backgroundColor: muiTheme.palette.background.default,
color: muiTheme.palette.text.primary,
flexGrow: 1
},
};
return ( return (
<ThemeProvider theme={muiTheme}> <ThemeProvider theme={muiTheme}>
<BrowserRouter> <BrowserRouter>
<div style={{backgroundColor: muiTheme.palette.background.default, color: muiTheme.palette.text.primary}}> <div style={styles.main}>
<AppBarWitHistory <AppBarWitHistory
toggleDrawerIcon={<IconButton onClick={this.toggleDrawer}><NavigationMenu /></IconButton>} toggleDrawerIcon={<IconButton onClick={this.toggleDrawer}><NavigationMenu /></IconButton>}
iconElementRight={ iconElementRight={

@ -1,3 +1,8 @@
html,
body {
height: 100%;
}
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -19,4 +24,9 @@ body:before {
#root { #root {
background-color: white; background-color: white;
min-height: 100%;
background-color: #f0f0f0;
display: flex;
flex-direction: column;
} }

Loading…
Cancel
Save