html - 烤面包机（ngx-toastr）顶部中心对齐没有顶部边距

Question

我正在使用ngx-toastr库。我正在启动位于屏幕顶部中心的消息，如下所示：

@Injectable()
export class MessageService {

    constructor(private toastrService: ToastrService) { }

    showErrorMessage(message: string) {
         this.toastrService.error(message, undefined, {
              positionClass: 'toast-top-center'
         });
    }
}

问题是吐司显示在顶部没有任何边距：

我该如何解决这个问题？

Answer 1

在style.css中添加

.toast {
    margin-top: 45px !important;
}

Answer 2

即使我认为这是一个设计问题，我也在这里找到了解决方法。您只需将以下内容放入主 .css 或 .scss 中：

.toast-top-center {
    top: 30px;
}