Как установить сообщение Snackbar в центре экрана в Angular ⇐ Html

[Anonymous]

У меня есть закусочная, я называю эту защитывание на кнопке.
check_circle

< /code>
Ниже приведены мои методы и CSS, которые несут ответственность за Snackbar < /p>
.cs
UpdateCandidateData(item: any) {
if (item) {
item.isEditing = false;
delete item.isEditing;
item.dob = (this.formatdate(item.dob) + "T00:00:00.00Z")
item.joiningDate = (this.formatdate(item.joiningDate) + "T00:00:00.00Z");
}
this._candidateService.UpdateCandidateData(item.candidateId, item).subscribe(
(data) => {
this.openSnackBar("Successfully Updated", "ok")

},
(err) => {
console.log(err);
}
)
}
openSnackBar(message: string, action: string) {
this.snackBar.open(message, action, {
duration: 2000,
verticalPosition:'bottom',
panelClass:['red-snackbar']
});

}

.red-snackbar{
top:100px;
}

< /code>
В приведенной выше закусочной я установил позицию в центр экрана, но все же я получаю эту закусочную внизу экрана. src = "https://i.sstatic.net/m5cro.png"/>

Подробнее здесь: https://stackoverflow.com/questions/777 ... in-angular