gpt4 book ai didi

javascript - 增加 MatBottomSheet 的宽度?

转载 作者:太空宇宙 更新时间:2023-11-03 22:13:13 27 4
gpt4 key购买 nike

以下 CSS 增加了高度但没有增加宽度:

.mat-bottom-sheet-container {
min-height: 100vh;
min-width: 100vw;
margin-top: 80px;
}

有人知道如何增加 MatBottomSheet 的宽度吗? Stackblitz new window demo.

请注意,演示必须在新窗口中运行(在新窗口中打开)才能看到 MatBottomSheet 不是完整 View 。

最佳答案

这是因为您将 mat-bottom-sheet-container-large 应用于具有 css 的同一元素

.mat-bottom-sheet-container-large {
min-width: 512px;
max-width: calc(100vw - 256px);
}

删除此类或将 !important 属性添加到 mat-bottom-sheet-container 类中的 min-width

.mat-bottom-sheet-container {
min-height: 100vh;
min-width: 100vw !important;
margin-top: 80px;
}

关于javascript - 增加 MatBottomSheet 的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58230275/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com