fix(style): hide table cell content if too long

src/pages/llmodels/components/data-form.tsx

@@ -289,9 +289,9 @@ const DataForm: React.FC<DataFormProps> = forwardRef((props, ref) => {
         replicas: 1,
         source: props.source,
         placement_strategy: 'spread',
-        cpu_offloading: false,
+        cpu_offloading: true,
         scheduleType: 'auto',
-        distributed_inference_across_workers: false
+        distributed_inference_across_workers: true
       }}
     >
       <Form.Item<FormData>

src/pages/llmodels/components/hf-model-file.tsx

@@ -262,7 +262,7 @@ const HFModelFile: React.FC<HFModelFileProps> = forwardRef((props, ref) => {
   return (
     <div>
       <TitleWrapper>
-        <span>
+        <span className="title">
           {intl.formatMessage({ id: 'models.available.files' })} (
           {dataSource.fileList.length || 0})
         </span>

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

@@ -1,3 +1,4 @@
+import AutoTooltip from '@/components/auto-tooltip';
 import DropdownButtons from '@/components/drop-down-buttons';
 import RowChildren from '@/components/seal-table/components/row-children';
 import SimpleTabel from '@/components/simple-table';
@@ -159,10 +160,16 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
                     paddingInline: 'var(--ant-table-cell-padding-inline)'
                   }}
                 >
-                  <Tooltip title={renderWorkerInfo(item)}>
-                    <span className="m-r-5">{item.name}</span>
+                  <span className="flex-center">
+                    <AutoTooltip
+                      title={renderWorkerInfo(item)}
+                      ghost
+                      showTitle={true}
+                    >
+                      <span className="m-r-5">{item.name}</span>
+                    </AutoTooltip>
                     <InfoCircleOutlined />
-                  </Tooltip>
+                  </span>
                 </Col>
                 <Col span={6}>
                   <span

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

@@ -519,8 +519,8 @@ const Models: React.FC<ModelsProps> = ({
             span={5}
             render={(text, record: ListItem) => {
               return (
-                <span className="flex" style={{ maxWidth: '100%' }}>
-                  <AutoTooltip className="m-r-5" showTitle={true} ghost>
+                <span className="flex-center" style={{ maxWidth: '100%' }}>
+                  <AutoTooltip className="m-r-5" ghost>
                     {text}
                   </AutoTooltip>
                   <span>