uwap/mqtt-control-map
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Proper drawer behaviour

Browse source 
* Move the content to the left when the drawer is opened
This commit is contained in:
uwap 2018-11-12 05:20:44 +01:00
parent 0a2c46c37b
commit 4d40321975
2 changed files with 29 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/SideBar.js
View file

@ -35,11 +35,11 @@ const SideBar = (props: Props) => (
<span>
{props.icon == null || renderRawIcon(props.icon, "mdi-36px")}
</span>
<Typography variant="title" className={props.classes.flex}>
<Typography variant="title" className={props.classes.title}>
{props.control == null ? "" : props.control.name}
</Typography>
<IconButton onClick={props.onCloseRequest}>
<i className="mdi mdi-close mdi-36px"></i>
<i className="mdi mdi-close"></i>
</IconButton>
</Toolbar>
</AppBar>
@ -49,13 +49,14 @@ const SideBar = (props: Props) => (
</Drawer>
);
const styles = {
const styles = (theme) => ({
drawerPaper: {
width: 340
},
flex: {
flex: 1
title: {
flex: 1,
marginLeft: theme.spacing.unit
}
};
});
export default withStyles(styles)(SideBar);