更改嵌套模态[Angular material Bootstrap Modal]

Question

我开始使用Angular Material，我用嵌套模态制作模态 我尝试将第一个模态放置在右侧，并将嵌套模态中心放置 但是，当我尝试更改CSS时，两个模式CSS均发生了变化。我如何更改一个模态CSS？ 谢谢。

FirstModal：

export class HomeMenuComponent implements OnInit {
  @Output() filterEvent = new EventEmitter();

  constructor(public dialog: MatDialog) { }
  ngOnInit() {
  }

  filterTable(filterValue) {
    console.log(filterValue);
    this.filterEvent.emit(filterValue);
  }

  openDialog() {
    this.dialog.open(HomeModalComponent);
  }

嵌套模式：

export class HomeModalComponent  {

  constructor(public dialog: MatDialog) {}

  createProccess() {
    this.dialog.open(CreateProcessComponent);
  }