如何在移動視圖中的 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;
}