@mixin container {
  width: $basic-width;
  min-width: $basic-width;
  padding: 32px 0 20px;
  margin: 0 auto;
}

@mixin el-tag {
  padding: 0 20px;
  color: #000;
  background-color: #e0e0e0;
  border-radius: 20px;
}

@mixin list {
  width: 100%;
  min-height: calc(100vh - 446px);
  margin-top: 24px;
  background-color: #fff;
  border-radius: 8px;

  &-title {
    height: 78px;
    padding: 0 30px;
    line-height: 78px;
    border-bottom: 1px solid #d9d9d9;
  }

  .el-table {
    width: 100%;

    &__header th:first-child,
    &__body .el-table__row > td:first-child {
      padding-left: 20px;
      font-weight: 700;
    }
  }
}

@mixin pagination {
  .el-pagination {
    margin-top: 24px;

    &.is-background .btn-next,
    &.is-background .btn-prev,
    &.is-background .el-pager li {
      background-color: #fff;
    }

    &.is-background .el-pager li:not(.disabled).active {
      background-color: $basic-color;
    }
  }
}

@mixin dialog {
  .el-dialog {
    &__title {
      font-weight: 700;
    }

    &__body {
      max-height: 80vh;
      padding: 15px 20px 0;
      overflow: auto;
      color: $color;
    }
  }
}