lingji-work-fe/src/styles/components/ant-pagination.scss

.pagination-row {
  display: flex;
  width: 100%;
  padding: 12px 24px 0;
  justify-content: flex-end;
  align-items: center;
  $border-radius: 2px;
  $border-color: var(--Border-1, #d7d7d9);
  @mixin cts {
    color: var(--Text-2, #55585f);
    font-family: $font-family-regular;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
  @mixin cts2 {
    color: var(--Text-2, #55585f);
    font-family: $font-family-regular;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
  }
  .ant-pagination {
    .ant-pagination-total-text {
      @include cts;
      margin-right: 12px;
    }
    .ant-pagination-prev,
    .ant-pagination-next {
      border-radius: $border-radius;
      border: 1px solid $border-color;
      margin-right: 12px;
      .ant-pagination-item-link {
        color: #737478;
      }
    }
    .ant-pagination-jump-next {
      margin-right: 12px;
      min-width: 24px;
      .ant-pagination-item-ellipsis {
        font-family: $font-family-regular;
        color: #737478;
        letter-spacing: 0 !important;
        text-indent: 0 !important;
        font-size: 12px;
      }
    }
    .ant-pagination-item {
      border-radius: $border-radius;
      border: 1px solid $border-color !important;
      a {
        @include cts2;
      }
      &:not(:last-child) {
        margin-right: 12px;
      }
      &.ant-pagination-item-active {
        border-color: $color-primary !important;
      }
    }
    .ant-pagination-options {
      .ant-select {
        border: 1px solid $border-color;
        border-radius: $border-radius !important;
        &:hover,
        &:focus,
        &-focused {
          border-color: $color-primary !important;
        }
        .ant-select-selector {
          height: 24px !important;
          border: none !important;
          border: none !important;
          @include cts2;
        }
      }
      .ant-pagination-options-quick-jumper {
        margin-left: 12px;
        @include cts;
        input {
          margin: 0 12px;
          border-radius: $border-radius;
          border: 1px solid $border-color;
          &:hover,
          &:focus,
          &-focused {
            border-color: $color-primary !important;
          }
        }
      }
    }
  }
}