如何解决如何在角度 9 中更改 ngx-toastr 的宽度
我有来自 npm 的 ngx-toastr 消息通知。 有没有办法改变消息容器的大小?
当我在小型设备中打开我的应用程序时,toastr 通知太大了。
ToastrModule.forRoot({
timeOut: 1000,positionClass: 'toast-top-right',preventDuplicates: true,}),
解决方法
如果您想在所有设备上更改 toastr-dialog 的大小,请将其添加到 styles.scss
文件中:
.ngx-toastr {
width: 250px !important; // Specify toastr-dialog width for all devices
}
如果您只想在小型设备上更改大小,可以使用 @media
查询来完成。
.ngx-toastr {
@media (max-width: 768px) {
width: 250px !important; // Specify toastr-dialog width only on small devices
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。