覆盖角度材质大小和md-dialog-container的样式

我正在使用Angular Material,我正在使用md-dialog为我的画廊添加弹出窗口.默认动画和样式看起来不错.但是,我想改变尺寸的宽度和高度md-dialog-container？这是隐藏的.仅在我单击模态时添加,当您打开chrome dev工具时,您可以看到md-dialog-container显示的内容.包括如何覆盖其余样式.

非常感谢一些帮助.谢谢.

从官方文档:

样式覆盖组件

基于叠加的组件具有panelClass属性(或类似属性),可用于定位覆盖窗格.

您可以通过在全局中添加css类来覆盖默认对话框容器样式styles.css.例如:

.custom-dialog-container .mat-dialog-container {
    /* add your styles */
}

之后,您需要提供css class作为panelClass对话框的参数:

this.dialog.open(MyDialogComponent, { panelClass: 'custom-dialog-container' })

阅读此官方文档以获取更多信息.