fix: adjust border raduis

src/pages/resources/components/model-files.tsx

@@ -337,7 +337,8 @@ const ModelFiles = () => {
               current: queryParams.page,
               total: dataSource.total,
               hideOnSinglePage: queryParams.perPage === 10,
-              onChange: handlePageChange
+              onChange: handlePageChange,
+              size: 'middle'
             }}
           ></Table>
         </ConfigProvider>

src/pages/resources/components/worker-detail-content.tsx

@@ -107,6 +107,7 @@ const WorkerDetailContent: React.FC<{ worker_id: number | undefined }> = ({
           rowKey="id"
           onChange={handleTableChange}
           pagination={{
+            size: 'middle',
             showSizeChanger: true,
             pageSize: queryParams.perPage,
             current: queryParams.page,

src/pages/resources/components/workers.tsx

@@ -290,6 +290,7 @@ const Workers = () => {
             onChange={handleTableChange}
             rowSelection={rowSelection}
             pagination={{
+              size: 'middle',
               showSizeChanger: true,
               pageSize: queryParams.perPage,
               current: queryParams.page,

src/pages/resources/hooks/use-files-columns.tsx

@@ -237,7 +237,9 @@ const ResolvedPathColumn = (props: { record: ListItem }) => {
               <TooltipTitle path={record.resolved_paths?.[0]}></TooltipTitle>
             }
           >
-            <span>{getResolvedPath(record.resolved_paths)}</span>
+            <span className="text-primary">
+              {getResolvedPath(record.resolved_paths)}
+            </span>
           </AutoTooltip>
         </TextWrapper>
         <RenderParts record={record}></RenderParts>
@@ -273,7 +275,11 @@ const useFilesColumns = (props: {
           const modelInfo = getModelInfo(record);
           const { source } = modelInfo;
           return (
-            <TextWrapper style={{ paddingRight: 8 }}>
+            <TextWrapper
+              style={{
+                paddingRight: 8
+              }}
+            >
               <AutoTooltip ghost title={source}>
                 {source}
               </AutoTooltip>

src/pages/resources/hooks/use-gpu-columns.tsx

@@ -55,7 +55,7 @@ const useGPUColumns = (props: {
         sorter: tableSorter(1),
         render: (text: string, record: GPUDeviceItem) => (
           <AutoTooltip ghost maxWidth={240}>
-            {text}
+            <span className="text-primary">{text}</span>
           </AutoTooltip>
         )
       },

src/pages/resources/hooks/use-worker-columns.tsx

@@ -251,7 +251,7 @@ const useWorkerColumns = ({
 
   const renderIP = (text: string, record: ListItem) => {
     if (record.advertise_address === record.ip) {
-      return record.ip;
+      return <span className="text-primary">{record.ip}</span>;
     }
 
     if (
@@ -262,15 +262,19 @@ const useWorkerColumns = ({
       return (
         <span className={workerCss.ipWrapper}>
           <span className="item">
-            <span>{record.ip}</span>
+            <span className="text-primary">{record.ip}</span>
             <span className="label">{`(${intl.formatMessage({ id: 'clusters.table.ip.internal' })})`}</span>
-            <span> {record.advertise_address}</span>
+            <span className="text-primary">{record.advertise_address}</span>
             <span className="label">{`(${intl.formatMessage({ id: 'clusters.table.ip.external' })})`}</span>
           </span>
         </span>
       );
     }
-    return record.ip || record.advertise_address || '';
+    return (
+      <span className="text-primary">
+        {record.ip || record.advertise_address || ''}
+      </span>
+    );
   };
 
   const setActions = (row: ListItem) => {