ci4sManagement-cloud/react-ui/src/overrides.less

/*
 * @Author: 赵伟
 * @Date: 2024-04-28 08:47:43
 * @Description: 覆盖 antd 样式
 */

// 设置 Table 可以滑动
.vertical-scroll-table {
  .ant-table-wrapper {
    height: 100%;
    .ant-spin-nested-loading {
      height: 100%;

      .ant-spin-container {
        height: 100%;

        .ant-table {
          height: calc(100% - 74px); // 分页控件的高度

          .ant-table-container {
            height: 100%;

            .ant-table-body {
              overflow-y: auto !important;
            }
          }
        }
      }
    }
  }
}

// Tabs 样式
// 删除底部白色横线
.ant-tabs {
  .ant-tabs-nav::before {
    border: none;
  }

  // 删除下边的 margin-bottom
  .ant-tabs-nav {
    margin-bottom: 0;
  }
}

// 表格样式
.ant-table-header {
  border: 1px solid rgba(167, 178, 194, 0.17);
  border-bottom: none;
}

.ant-table-wrapper .ant-table-thead > tr > td {
  background-color: #fff;
}

.ant-pro-page-container {
  overflow-y: auto;
}

// Input
.ant-input-textarea-affix-wrapper.ant-input-affix-wrapper {
  padding: 0;
}

// Modal
.ant-modal {
  .ant-modal-close {
    top: 27px;
    right: 27px;
    width: 26px;
    height: 26px;
    color: @text-color-secondary;
    border: 2px solid @text-color-secondary;
    border-radius: 50%;

    &:hover,
    &:active {
      color: #272536;
      background-color: transparent;
      border: 2px solid #272536;
    }
  }

  .ant-input-affix-wrapper {
    height: 46px;
    padding: 1px 11px;
  }

  .ant-select-single {
    height: 46px;
  }

  .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    line-height: 46px;
  }
}

// Confirm Modal
.ant-modal-confirm {
  .ant-modal-content {
    padding: 40px 67px;
    background-image: url(/assets/images/modal-back.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    border-radius: 20px;
  }
  .ant-modal-confirm-body {
    .anticon {
      display: none;
    }
  }

  .ant-modal-confirm-paragraph {
    max-width: 100%;
    margin-top: 27px;
    text-align: center;
  }

  .ant-modal-confirm-btns {
    margin-top: 40px;
    text-align: center;

    .ant-btn {
      height: 40px;
      padding: 0 30px;
      font-size: @font-size-content;
      border-radius: 10px;
    }
    .ant-btn-default {
      color: @text-color;
      background: rgba(22, 100, 255, 0.06);
      border-color: transparent;
    }
    .ant-btn + .ant-btn {
      margin-left: 20px;
    }
  }
}