fix: adjust border raduis

src/pages/cluster-management/clusters.tsx

@@ -396,6 +396,7 @@ const Clusters: React.FC = () => {
               ></NoResult>
             }
             pagination={{
+              size: 'middle',
               showSizeChanger: true,
               pageSize: queryParams.perPage,
               current: queryParams.page,

src/pages/cluster-management/components/add-credential.tsx

@@ -6,24 +6,12 @@ import FormDrawer from '@/pages/_components/form-drawer';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import React, { useEffect } from 'react';
-import styled from 'styled-components';
 import { ProviderType, ProviderValueMap } from '../config';
 import {
   CredentialFormData as FormData,
   CredentialListItem as ListItem
 } from '../config/types';
 
-const ExtraContent = styled.div`
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  position: absolute;
-  bottom: 6px;
-  right: 32px;
-  z-index: 1;
-  background: var(--ant-color-bg-container);
-  padding-inline: 8px;
-`;
 type AddModalProps = {
   title: string;
   action: PageActionType;

src/pages/cluster-management/components/worker-pools.tsx

@@ -156,6 +156,7 @@ const WorkerPools = () => {
         rowSelection={rowSelection}
         columns={columns}
         pagination={{
+          size: 'middle',
           showSizeChanger: true,
           pageSize: queryParams.perPage,
           current: queryParams.page,

src/pages/cluster-management/credentials.tsx

@@ -215,6 +215,7 @@ const Credentials: React.FC = () => {
             rowKey="id"
             onChange={handleTableChange}
             pagination={{
+              size: 'middle',
               showSizeChanger: true,
               pageSize: queryParams.perPage,
               current: queryParams.page,

src/pages/cluster-management/hooks/use-cluster-columns.tsx

@@ -100,7 +100,9 @@ const useClusterColumns = (
         span: 3,
         render: (text: string, record: ClusterListItem) => (
           <>
-            <AutoTooltip ghost>{record.name}</AutoTooltip>
+            <AutoTooltip ghost>
+              <span className="text-primary">{record.name}</span>
+            </AutoTooltip>
             {record.is_default && (
               <Tooltip
                 title={intl.formatMessage({

src/pages/cluster-management/hooks/use-credential-columns.tsx

@@ -23,7 +23,7 @@ const useCredentialColumns = (
         sorter: tableSorter(1),
         render: (text: string) => (
           <AutoTooltip ghost minWidth={20}>
-            {text}
+            <span className="text-primary">{text}</span>
           </AutoTooltip>
         )
       },