更改材質2 md-工具欄高度

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

將vertical-align: middle;添加到文本應居中居中垂直。

Answer 2

你可以使用Flex佈局模塊從角：

<md-toolbar fxLayout="row" fxLayoutAlign="space-between stretch"></md-toolbar> 

Answer 3

有預定義的工具欄裏面排違約。您還需要改變該行的高度：

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

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