css - 更改 material2 md-toolbar 高度

Question

我有一个 <md-toolbar>我想改变他的高度。

<md-toolbar color="primary">Cards</md-toolbar>

我只是在我的 component.scss 中尝试过这个:

md-toolbar {
  height: 50px !important;
  min-height: 50px !important;
}

但是文本填充出错了(顶部的空间比底部的空间大得多):

我尝试设置 padding和 margin至 0但它没有做任何改变。

我的问题

1. 如何调整烦人的空间，使文本完美地垂直居中？
2. 更新 md-toolbar 的更好方法高度？

Answer 1

我最终调整了工具栏下方容器的边距以匹配工具栏的高度，该高度因桌面和移动设备而异，如下所示...

.mat-sidenav-container {
  margin-top: 64px;
  @media (max-width: 720px)
  {
    margin-top: 56px;
  }
}