diff options
Diffstat (limited to 'dashboard/assets/components/Header.jsx')
-rw-r--r-- | dashboard/assets/components/Header.jsx | 14 |
1 files changed, 12 insertions, 2 deletions
diff --git a/dashboard/assets/components/Header.jsx b/dashboard/assets/components/Header.jsx index ccdfbc6f0..43bd2bede 100644 --- a/dashboard/assets/components/Header.jsx +++ b/dashboard/assets/components/Header.jsx @@ -26,6 +26,16 @@ import Icon from 'material-ui/Icon'; import MenuIcon from 'material-ui-icons/Menu'; import Typography from 'material-ui/Typography'; +// styles contains the constant styles of the component. +const styles = { + header: { + height: '8%', + }, + toolbar: { + height: '100%', + }, +}; + // themeStyles returns the styles generated from the theme for the component. const themeStyles = (theme: Object) => ({ header: { @@ -54,8 +64,8 @@ class Header extends Component<Props> { const {classes} = this.props; return ( - <AppBar position='static' className={classes.header}> - <Toolbar className={classes.toolbar}> + <AppBar position='static' className={classes.header} style={styles.header}> + <Toolbar className={classes.toolbar} style={styles.toolbar}> <IconButton onClick={this.props.switchSideBar}> <Icon> <MenuIcon /> |