如何在移动视图中的 angular 材料对话框内的 position angular 材料选项卡边对边？

Question

I have been trying to position the angular material tabs inside the angular material dialog but I am facing some issues, well they are positioned edge to edge in a web view inside a dialog but I cannot position them the similar way in a mobile view . 通常，当在移动视图和 web 视图中的对话框外部使用时，mat-tab 是边对边定位的，但在 angular 材质对话框中使用它们时情况不同。 下面是我得到的 output

如您所见，它们的选项卡及其内容不是边缘到边缘的，右侧有一些空白

我还在上面的移动视图上发布了预期的 output。

我还将 stackblitz 链接添加到代码中。 该链接可能无法以隐身模式打开，因此请在普通浏览器中打开它 window
https://stackblitz.com/edit/angular-murusn?file=package.json

帮助将不胜感激！

Answer 1

给你 go...

更改以下内容：

.mat-dialog-container {
  padding: 0;
}

.mat-dialog-title {
  padding: 24px 24px 0 24px;
}

.mat-dialog-content {
  margin: 0;
}