fix(style): layout content padding

src/pages/llmodels/catalog.tsx

@@ -208,6 +208,9 @@ const Catalog: React.FC = () => {
       ghost
       header={{
         title: intl.formatMessage({ id: 'menu.modelCatalog' }),
+        style: {
+          paddingInline: 'var(--layout-content-inlinepadding)'
+        },
         breadcrumb: {}
       }}
       extra={[]}

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

@@ -75,6 +75,24 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
 }) => {
   const intl = useIntl();
 
+  const distributeCols = [
+    {
+      title: 'Worker',
+      key: 'worker_name'
+    },
+    {
+      title: 'IP',
+      key: 'worker_ip',
+      render: ({ row }: { row: ModelInstanceListItem }) => {
+        return row.port ? `${row.worker_ip}:${row.port}` : row.worker_ip;
+      }
+    },
+    {
+      title: intl.formatMessage({ id: 'models.table.gpuindex' }),
+      key: 'gpu_index'
+    }
+  ];
+
   const renderWorkerInfo = (item: ModelInstanceListItem) => {
     let workerIp = '-';
     if (item.worker_ip) {

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

@@ -835,6 +835,9 @@ const Models: React.FC<ModelsProps> = ({
         ghost
         header={{
           title: intl.formatMessage({ id: 'models.title' }),
+          style: {
+            paddingInline: 'var(--layout-content-inlinepadding)'
+          },
           breadcrumb: {}
         }}
         extra={[]}

src/pages/llmodels/index.tsx

@@ -280,6 +280,7 @@ const Models: React.FC = () => {
         setCatalogList(resultList || []);
       } catch (error) {
         // ignore
+        setCatalogList([]);
       }
     };
     getCataLogList();