aboutsummaryrefslogtreecommitdiffstats
path: root/dashboard/assets/components/Header.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'dashboard/assets/components/Header.jsx')
-rw-r--r--dashboard/assets/components/Header.jsx14
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 />