饿了么组件的dialog不居中如何解决？

Question

饿了么ui弹出框居中，默认是margin-top，15vh
但是我想要无论弹窗多高都可以居中
百度了一下

.el-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 !important;
    transform: translate(-50%, -50%);
    max-height: calc(100% - 30px);
    max-width: calc(100% - 30px);
    display: flex;
    flex-direction: column;
    > .el-dialog__body {
      overflow: auto;
      color: #666666;
    }
  }

这样也是不行的，因为饿了么弹窗会加上行内样式top:0,导致top:50%不生效，把top:50%加上!important又会使拖拽失效，大神们如何解决？

Answer 1

.el-dialog__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}