如何减少材料的间距-ui？

Question

我正在为桌面构建网络应用程序，我发现材料 - ui在开箱即用的时候浪费了大量的空间。

AppBar的填充为24。 将样式传递给appbar只会添加24而不是覆盖。

只需比较stackoverflow与material-ui appbar的菜单栏高度 如何减少至少10px的AppBar高度？

Answer 1

您可以覆盖组件样式。您需要应用className或这样的样式：

<AppBar className={classes.appBar} />

使用Web检查器，您可以找到您的css类。像MuiAppBar-XXXXXX

这样的东西

希望这有帮助！