fix background color leaking into other components

This commit is contained in:
Barry Gitarts 2018-12-19 15:57:17 -05:00
parent fbe5d6b194
commit f4058882ad

View File

@ -30,7 +30,6 @@ const styles = theme => ({
display: 'flex',
},
appBar: {
backgroundColor: '#111735',
transition: theme.transitions.create(['margin', 'width'], {
easing: theme.transitions.easing.sharp,
duration: theme.transitions.duration.leavingScreen,
@ -44,6 +43,9 @@ const styles = theme => ({
duration: theme.transitions.duration.enteringScreen,
}),
},
appBarBg: {
backgroundColor: '#111735'
},
childrenShift: {
width: `calc(100% - ${drawerWidth}px)`
},
@ -111,7 +113,7 @@ class PersistentDrawerLeft extends React.Component {
<CssBaseline />
<AppBar
position="fixed"
className={classNames(classes.appBar, {
className={classNames(classes.appBar, classes.appBarBg, {
[classes.appBarShift]: open,
})}
>