烤面包机（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

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

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