烤面包机（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'
         });
    }
}

问题是显示的 toast 顶部没有任何边距：

我该如何解决这个问题？

Answer 1

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

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

Answer 2

在style.css

中添加这个

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