fix(style): model file list text overflow

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

@@ -31,6 +31,7 @@ const TextWrapper = styled.div`
   align-items: center;
   cursor: pointer;
   height: 100%;
+  min-width: 32px;
 `;
 
 const PathWrapper = styled.div`
@@ -267,9 +268,7 @@ const useFilesColumns = (props: {
         title: intl.formatMessage({ id: 'models.form.source' }),
         dataIndex: 'source',
         sorter: tableSorter(1),
-        ellipsis: {
-          showTitle: false
-        },
+        minWidth: 32,
         render: (text: string, record: ListItem) => {
           const modelInfo = getModelInfo(record);
           const { source } = modelInfo;
@@ -286,10 +285,7 @@ const useFilesColumns = (props: {
         title: intl.formatMessage({ id: 'resources.worker' }),
         dataIndex: 'worker_id',
         sorter: tableSorter(2),
-        width: '18%',
-        ellipsis: {
-          showTitle: false
-        },
+        minWidth: 32,
         render: (text: string, record: ListItem) => {
           return (
             <AutoTooltip ghost>

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

@@ -51,6 +51,7 @@ const useGPUColumns = (props: {
         title: intl.formatMessage({ id: 'common.table.name' }),
         dataIndex: 'name',
         width: 240,
+        minWidth: 32,
         sorter: tableSorter(1),
         render: (text: string, record: GPUDeviceItem) => (
           <AutoTooltip ghost maxWidth={240}>
@@ -68,9 +69,6 @@ const useGPUColumns = (props: {
         title: intl.formatMessage({ id: 'clusters.title' }),
         dataIndex: 'cluster_id',
         sorter: tableSorter(3),
-        ellipsis: {
-          showTitle: false
-        },
         render: (text: number, record: GPUDeviceItem) => (
           <AutoTooltip ghost>
             {clusterList.find((item) => item.value === text)?.label}
@@ -81,9 +79,6 @@ const useGPUColumns = (props: {
         title: intl.formatMessage({ id: 'resources.worker' }),
         dataIndex: 'worker_name',
         sorter: tableSorter(4),
-        ellipsis: {
-          showTitle: false
-        },
         render: (text: string, record: GPUDeviceItem) => (
           <AutoTooltip ghost>{text}</AutoTooltip>
         )

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

@@ -279,7 +279,7 @@ const useWorkerColumns = ({
         width: 100,
         sorter: tableSorter(1),
         render: (text: string) => (
-          <AutoTooltip ghost maxWidth={240}>
+          <AutoTooltip ghost maxWidth={200}>
             {text}
           </AutoTooltip>
         )