material-ui - 如何更改“ Material UI”工具栏的高度？

Question

我是React和Material UI的新手。我正在为组件占用多少垂直空间而苦苦挣扎。我想做的一件事是降低工具栏的高度。

我试过指定样式:

<Toolbar style={{ height: '36px' }}>

我也尝试过这种方式:

const styles = {
  root: {
    height: 36,
  }
};
<Toolbar className={classes.root} >

但都行不通。有其他方法可以做到这一点吗？

Answer 1

您需要更改min-height来调整高度，因为material-ui.css中将min-height指定为64px。

const styles = {
  customizeToolbar: {
    minHeight: 36
  }
};

<Toolbar className={classes.customizeToolbar} >

希望这会帮助你。