//表格样式
.tableWrapper {
  .titleWrapper {
    display: flex;
    align-items: center;

    & > span:first-child {
      flex: 1;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    & > span.titleIcon {
      margin-left: 4px;
      display: none;

      & > span {
        cursor: pointer;
        color: #5d9cec;
      }

    }
  }

  .contentSpan {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .contentTitle {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-break: keep-all;
    }

    :global {
      span.anticon-lock {
        color: #5d9cec;
      }
    }
  }

  .titleWrapper:hover {
    & > span.titleIcon {
      display: block;
    }
  }

  :global {
    .ant-table-tbody > tr.ant-table-row:hover > td {
      background: #e9f7ff;
    }

    .ant-spin-container {
      .ant-pagination {
        font-size: 12px;
        align-items: center;
        margin-right: 8px;
        .ant-pagination-item, .ant-pagination-prev, .ant-pagination-next {
          min-width: 28px;
          height: 28px;
          line-height: 28px;
          border-radius: 6px;

          & > button {
            border-radius: 6px;
          }
        }

        .ant-pagination-options {
          .ant-select {
            font-size: 12px;

            .ant-select-selector {
              height: 28px;
              border-radius: 6px;
            }

            .ant-select-item {
              font-size: 12px;
            }
          }

          .ant-pagination-options-quick-jumper {
            height: 28px;
            line-height: 28px;

            & > input {
              border-radius: 6px;
              height: 28px;
            }
          }
        }
      }
    }

    .ant-table-thead > tr > th {
      background-color: #f7fbfe;
    }

    th, td {
      font-size: 12px
    }
  }
}