是否有推荐的方法来调整 Angular Material 工具栏的高度?

Is there a recommended way to adjust the height of the Angular Material toolbar?

是否有推荐的方法来调整 Angular Material 工具栏的高度?

这里是 Angular Material 工具栏基本用法的示例,如此处所述 https://material.angular.io/components/toolbar/overview

<mat-toolbar color="primary">
   <a class="title" [routerLink]="['']">Azure B2C App1</a>
</mat-toolbar>

这将创建一个将近一英寸高的工具栏,它没有任何用处。太大了。

描述自定义组件的 Material 文档页面指出我不应该使用 CSS 覆盖它的高度,因为这可能会破坏它。 https://material.angular.io/guide/customizing-component-styles

那么我应该如何将其调整为可用的大小?

我注意到 Angular Material 文档本身并没有使用 mat-toolbar 作为其页眉,而是使用了手动自定义 app-nav 组件。我应该从中推断出什么?在安装了最重量级的可主题化组件库之一之后,我期望手动滚动一个可主题化和响应式自定义工具栏只是为了获得可用的页眉?

不,没有推荐的调整工具栏大小的方法。

https://github.com/angular/components/issues/4597

根据此 Github 问题要求 Angular Material 正确支持桌面上的密集工具栏以符合 Material 设计至少可以追溯到 2017 年,但没有迹象表明即将推出任何内容。