style: table list col span

src/pages/llmodels/components/instance-item.tsx

@@ -546,7 +546,7 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
         <RowChildren>
           <Row style={{ width: '100%' }} align="middle">
             <Col
-              span={5}
+              span={6}
               style={{
                 paddingInline: 'var(--ant-table-cell-padding-inline)'
               }}
@@ -563,7 +563,7 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
                 )}
               </span>
             </Col>
-            <Col span={6}>
+            <Col span={7}>
               <span
                 style={{
                   paddingLeft: '58px',
@@ -596,13 +596,15 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
                 ></RenderWorkerDownloading>
               </span>
             </Col>
-            <Col span={5}>
+            <Col span={4}>
               <span style={{ paddingLeft: 45 }} className="flex">
-                {dayjs(instanceData.created_at).format('YYYY-MM-DD HH:mm:ss')}
+                <AutoTooltip ghost>
+                  {dayjs(instanceData.created_at).format('YYYY-MM-DD HH:mm:ss')}
+                </AutoTooltip>
               </span>
             </Col>
-            <Col span={4}>
+            <Col span={3}>
-              <div style={{ paddingLeft: 39 }}>
+              <div style={{ paddingLeft: 36 }}>
                 <DropdownButtons
                   items={actionItems}
                   onSelect={handleOnSelect}

src/pages/llmodels/components/table-list.tsx

@@ -556,7 +556,7 @@ const Models: React.FC<ModelsProps> = ({
         dataIndex: 'name',
         key: 'name',
         width: 400,
-        span: 5,
+        span: 6,
         render: (text: string, record: ListItem) => (
           <span className="flex-center" style={{ maxWidth: '100%' }}>
             <AutoTooltip ghost>
@@ -570,7 +570,7 @@ const Models: React.FC<ModelsProps> = ({
         title: intl.formatMessage({ id: 'models.form.source' }),
         dataIndex: 'source',
         key: 'source',
-        span: 6,
+        span: 7,
         render: (text: string, record: ListItem) => (
           <span className="flex flex-column" style={{ width: '100%' }}>
             <AutoTooltip ghost>{generateSource(record)}</AutoTooltip>
@@ -610,7 +610,7 @@ const Models: React.FC<ModelsProps> = ({
         defaultSortOrder: 'descend',
         sortOrder,
         sorter: false,
-        span: 5,
+        span: 4,
         render: (text: number) => (
           <AutoTooltip ghost>
             {dayjs(text).format('YYYY-MM-DD HH:mm:ss')}
@@ -621,7 +621,7 @@ const Models: React.FC<ModelsProps> = ({
         title: intl.formatMessage({ id: 'common.table.operation' }),
         key: 'operation',
         dataIndex: 'operation',
-        span: 4,
+        span: 3,
         render: (text, record) => (
           <DropdownButtons
             items={setModelActionList(record)}