@import './variable.scss';

.el-drawer__container {
  .x-drawer-wrapper {
    padding: 0;
    margin: 0 auto !important;
    outline: none;

    .el-drawer__header {
      padding: 24px 28px 24px 32px !important;
      margin-bottom: 0;
      border-bottom: solid 1px #efefef;
    }

    .el-drawer__body {
      display: flex;
      max-height: calc(100vh - 63px);
      flex: 1;
      flex-direction: column;

      .x-drawer-body {
        padding: 0 16px;
        overflow-y: auto;
        flex: 1;
      }

      .x-drawer-footer {
        padding: 12px 16px;
      }
    }
  }

  display: flex;
  align-items: center;
  padding: 0;

  .x-drawer-wrapper {
    .drawer-header-row {
      display: flex;
      height: 14px;
      line-height: 14px;
      align-items: center;
      .header-title {
        font-size: 14px;
        font-weight: bold;
      }
      .block {
        flex: 1;
      }

      .header-close-icon {
        cursor: pointer;

        &:hover {
          color: $--app-primary-color;
        }
      }
    }
  }
}