.article-dialog {
  display: flex;
  flex-direction: column;
  padding: 0;
  border-radius: 0;
  & > .el-dialog__header {
    flex-shrink: 0;
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    h3 {
      font-weight: normal;
      font-size: 16px;
    }
    // 关闭按钮
    .el-dialog__headerbtn {
      top: 3px;
      font-size: 25px;
    }
  }
  & > .el-dialog__body {
    flex-grow: 1;
    overflow: hidden;
  }
  .content-wrap {
    height: 100%;
    overflow: hidden;
    display: flex;
    & > * {
      height: 100%;
    }
    // 设置
    .settings-wrap {
      overflow-y: auto;
      padding: 20px;
      box-sizing: border-box;
      width: 15%;
      min-width: 255px;
      max-width: 350px;
      flex-shrink: 0;
      background-color: #f7f7f7;
      border-right: 1px solid #eee;
      // 表单项
      .el-form-item {
        display: block;
      }
      // 标签
      .el-form-item__label {
        float: none;
      }
      // 元素宽度为100%
      .el-form-item__content{
        & > * {
          width: 100%;
        }
      }
      // 带操作的 form-item
      .form-item-with-opera {
        .el-form-item__label {
          width: 100%;
          align-items: center;
          justify-content: flex-start;
          padding-right: 0;
          position: relative;
          .el-button {
            position: absolute;
            right: 0;
          }
        }
      }
    }
    // 编辑器
    .editor-wrap {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      overflow: hidden;
      & > .el-input {
        height: 60px;
        font-size: 25px;
        flex-shrink: 0;
        .el-input__wrapper {
          box-shadow: none;
        }
      }
      & > .rich-editor {
        flex-grow: 1;
      }
    }
  }
}
// 退出
.article-exit-dialog {
  .el-dialog__body {
    display: flex;
    align-items: center;
    .icon {
      color: var(--el-color-warning);
      margin-right: 10px;
    }
  }
}
