.ml-drawer-wrapper {
  .el-drawer__header {
    padding: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #e8e8e8;
  }
  .el-drawer__body {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .ml-drawer-header {
    flex-shrink: 0;
    padding: 7.5px 15px;
  }
  .ml-drawer-content {
    flex-grow: 1;
    overflow: auto;
    padding: 15px 0 0 15px;
  }
  .ml-drawer-footer {
    flex-shrink: 0;
    padding: 7.5px 15px;
    border-top: 1px solid #e8e8e8;
    text-align: right;
  }
  .ml-drawer-footer-warpper {
    display: flex;
    flex-direction: row;
    align-items: center;
    .ml-drawer-footer-left {
      flex-grow: 1;
      text-align: left;
    }
    .ml-drawer-footer-right {
      flex-shrink: 0;
    }
  }
}