From 06a27776329b816febb3d06b592ee4d5e32db5ae Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Tue, 14 Jul 2026 19:35:23 +0800
Subject: [PATCH] fix: center NoResult empty state with minHeight on list pages

---
 src/pages/api-keys/index.tsx                        | 1 +
 src/pages/backends/community/commnity-backends.tsx  | 1 +
 src/pages/backends/index.tsx                        | 1 +
 src/pages/benchmark/index.tsx                       | 1 +
 src/pages/cluster-management/credentials.tsx        | 1 +
 src/pages/gpu-service/instances/index.tsx           | 2 ++
 src/pages/gpu-service/public-keys/index.tsx         | 1 +
 src/pages/gpu-service/storage-types/index.tsx       | 1 +
 src/pages/gpu-service/storage/index.tsx             | 1 +
 src/pages/gpu-service/templates/index.tsx           | 1 +
 src/pages/llmodels/catalog.tsx                      | 1 +
 src/pages/llmodels/hooks/use-no-resource-result.tsx | 1 +
 src/pages/llmodels/instance-view/index.tsx          | 1 +
 src/pages/maas-provider/index.tsx                   | 1 +
 src/pages/model-routes/index.tsx                    | 1 +
 src/pages/resources/components/gpus.tsx             | 1 +
 src/pages/resources/components/model-files.tsx      | 1 +
 src/pages/users/index.tsx                           | 1 +
 18 files changed, 19 insertions(+)

diff --git a/src/pages/api-keys/index.tsx b/src/pages/api-keys/index.tsx
index 755fa007..81668f79 100644
--- a/src/pages/api-keys/index.tsx
+++ b/src/pages/api-keys/index.tsx
@@ -183,6 +183,7 @@ const APIKeys: React.FC = () => {
     if (type !== 'Table') return;
     return (
       <NoResult
+        minHeight="calc(100vh - 300px)"
         loading={dataSource.loading}
         loadend={dataSource.loadend}
         dataSource={dataSource.dataList}
diff --git a/src/pages/backends/community/commnity-backends.tsx b/src/pages/backends/community/commnity-backends.tsx
index ceceefa7..fc63caea 100644
--- a/src/pages/backends/community/commnity-backends.tsx
+++ b/src/pages/backends/community/commnity-backends.tsx
@@ -164,6 +164,7 @@ const CommunityBackends: React.FC<{
           renderItem={renderItem}
         ></BackendCardList>
         <NoResult
+          minHeight="calc(100vh - 300px)"
           loading={dataSource.loading}
           loadend={dataSource.loadend}
           dataSource={dataSource.dataList}
diff --git a/src/pages/backends/index.tsx b/src/pages/backends/index.tsx
index 3bd83491..417ff6ce 100644
--- a/src/pages/backends/index.tsx
+++ b/src/pages/backends/index.tsx
@@ -282,6 +282,7 @@ const BackendList = () => {
           onSelect={handleOnSelect}
         ></BackendCardList>
         <NoResult
+          minHeight="calc(100vh - 300px)"
           loading={dataSource.loading}
           loadend={dataSource.loadend}
           dataSource={dataSource.dataList}
diff --git a/src/pages/benchmark/index.tsx b/src/pages/benchmark/index.tsx
index af774f6c..e09f40a3 100644
--- a/src/pages/benchmark/index.tsx
+++ b/src/pages/benchmark/index.tsx
@@ -177,6 +177,7 @@ const Benchmark: React.FC = () => {
     if (type !== 'Table') return;
     return (
       <NoResult
+        minHeight="calc(100vh - 300px)"
         loading={dataSource.loading}
         loadend={dataSource.loadend}
         dataSource={[]}
diff --git a/src/pages/cluster-management/credentials.tsx b/src/pages/cluster-management/credentials.tsx
index 3c7978a2..a2706d92 100644
--- a/src/pages/cluster-management/credentials.tsx
+++ b/src/pages/cluster-management/credentials.tsx
@@ -157,6 +157,7 @@ const Credentials: React.FC = () => {
     if (type !== 'Table') return;
     return (
       <NoResult
+        minHeight="calc(100vh - 300px)"
         loading={dataSource.loading}
         loadend={dataSource.loadend}
         dataSource={[]}
diff --git a/src/pages/gpu-service/instances/index.tsx b/src/pages/gpu-service/instances/index.tsx
index 75688189..46f12112 100644
--- a/src/pages/gpu-service/instances/index.tsx
+++ b/src/pages/gpu-service/instances/index.tsx
@@ -271,6 +271,7 @@ const GPUService: React.FC = () => {
     if (!clusterLoading && !hasK8sCluster) {
       return (
         <NoResult
+          minHeight="calc(100vh - 300px)"
           loading={dataSource.loading || clusterLoading}
           loadend={dataSource.loadend}
           dataSource={[]}
@@ -294,6 +295,7 @@ const GPUService: React.FC = () => {
     }
     return (
       <NoResult
+        minHeight="calc(100vh - 300px)"
         loading={dataSource.loading}
         loadend={dataSource.loadend}
         dataSource={dataSource.dataList}
diff --git a/src/pages/gpu-service/public-keys/index.tsx b/src/pages/gpu-service/public-keys/index.tsx
index a08d7590..d5ca0b16 100644
--- a/src/pages/gpu-service/public-keys/index.tsx
+++ b/src/pages/gpu-service/public-keys/index.tsx
@@ -110,6 +110,7 @@ const GPUServicePublicKeys: React.FC = () => {
     if (type !== 'Table') return;
     return (
       <NoResult
+        minHeight="calc(100vh - 300px)"
         loading={dataSource.loading}
         loadend={dataSource.loadend}
         dataSource={dataSource.dataList}
diff --git a/src/pages/gpu-service/storage-types/index.tsx b/src/pages/gpu-service/storage-types/index.tsx
index 713df0dc..ab6f4cf4 100644
--- a/src/pages/gpu-service/storage-types/index.tsx
+++ b/src/pages/gpu-service/storage-types/index.tsx
@@ -104,6 +104,7 @@ const GPUServiceStorageTypes: React.FC = () => {
     if (type !== 'Table') return;
     return (
       <NoResult
+        minHeight="calc(100vh - 300px)"
         loading={dataSource.loading}
         loadend={dataSource.loadend}
         dataSource={dataSource.dataList}
diff --git a/src/pages/gpu-service/storage/index.tsx b/src/pages/gpu-service/storage/index.tsx
index f05ec9f9..e9fa249b 100644
--- a/src/pages/gpu-service/storage/index.tsx
+++ b/src/pages/gpu-service/storage/index.tsx
@@ -109,6 +109,7 @@ const GPUServiceStorage: React.FC = () => {
     if (type !== 'Table') return;
     return (
       <NoResult
+        minHeight="calc(100vh - 300px)"
         loading={dataSource.loading}
         loadend={dataSource.loadend}
         dataSource={dataSource.dataList}
diff --git a/src/pages/gpu-service/templates/index.tsx b/src/pages/gpu-service/templates/index.tsx
index df7d7875..e9487453 100644
--- a/src/pages/gpu-service/templates/index.tsx
+++ b/src/pages/gpu-service/templates/index.tsx
@@ -210,6 +210,7 @@ const GPUServiceTemplates: React.FC = () => {
           onSelect={handleOnSelect}
         />
         <NoResult
+          minHeight="calc(100vh - 300px)"
           loading={dataSource.loading}
           loadend={dataSource.loadend}
           dataSource={dataSource.dataList}
diff --git a/src/pages/llmodels/catalog.tsx b/src/pages/llmodels/catalog.tsx
index 826cd18b..f8316f65 100644
--- a/src/pages/llmodels/catalog.tsx
+++ b/src/pages/llmodels/catalog.tsx
@@ -166,6 +166,7 @@ const Catalog: React.FC = () => {
           isFirst={!dataSource.loadend}
         ></CatalogList>
         <NoResult
+          minHeight="calc(100vh - 300px)"
           loading={dataSource.loading}
           loadend={dataSource.loadend}
           dataSource={dataSource.dataList}
diff --git a/src/pages/llmodels/hooks/use-no-resource-result.tsx b/src/pages/llmodels/hooks/use-no-resource-result.tsx
index 2e274a26..21260105 100644
--- a/src/pages/llmodels/hooks/use-no-resource-result.tsx
+++ b/src/pages/llmodels/hooks/use-no-resource-result.tsx
@@ -95,6 +95,7 @@ const useNoResourceResult = (props: {
 
   const noResourceResult = (
     <NoResult
+      minHeight="calc(100vh - 300px)"
       loading={loading}
       loadend={loadend}
       dataSource={dataSource}
diff --git a/src/pages/llmodels/instance-view/index.tsx b/src/pages/llmodels/instance-view/index.tsx
index d8e08166..0eb3753f 100644
--- a/src/pages/llmodels/instance-view/index.tsx
+++ b/src/pages/llmodels/instance-view/index.tsx
@@ -109,6 +109,7 @@ const InstanceView = forwardRef((props, ref) => {
     if (type !== 'Table') return;
     return (
       <NoResult
+        minHeight="calc(100vh - 300px)"
         loading={dataSource.loading}
         loadend={dataSource.loadend}
         dataSource={dataSource.dataList}
diff --git a/src/pages/maas-provider/index.tsx b/src/pages/maas-provider/index.tsx
index 7912b979..c75e6d52 100644
--- a/src/pages/maas-provider/index.tsx
+++ b/src/pages/maas-provider/index.tsx
@@ -121,6 +121,7 @@ const MaasProvider: React.FC = () => {
     if (type !== 'Table') return;
     return (
       <NoResult
+        minHeight="calc(100vh - 300px)"
         loading={dataSource.loading}
         loadend={dataSource.loadend}
         dataSource={dataSource.dataList}
diff --git a/src/pages/model-routes/index.tsx b/src/pages/model-routes/index.tsx
index 087f326f..5ca6788f 100644
--- a/src/pages/model-routes/index.tsx
+++ b/src/pages/model-routes/index.tsx
@@ -381,6 +381,7 @@ const ModelRoutes: React.FC = () => {
             expandable={true}
             empty={
               <NoResult
+                minHeight="calc(100vh - 300px)"
                 loading={dataSource.loading}
                 loadend={dataSource.loadend}
                 dataSource={dataSource.dataList}
diff --git a/src/pages/resources/components/gpus.tsx b/src/pages/resources/components/gpus.tsx
index 0ddefdcb..507bd05c 100644
--- a/src/pages/resources/components/gpus.tsx
+++ b/src/pages/resources/components/gpus.tsx
@@ -72,6 +72,7 @@ const GPUList: React.FC<GPUListProps> = ({ clusterId, source }) => {
     if (type !== 'Table') return;
     return (
       <NoResult
+        minHeight="calc(100vh - 300px)"
         loading={dataSource.loading}
         loadend={dataSource.loadend}
         dataSource={dataSource.dataList}
diff --git a/src/pages/resources/components/model-files.tsx b/src/pages/resources/components/model-files.tsx
index 48f8a372..9529e1e4 100644
--- a/src/pages/resources/components/model-files.tsx
+++ b/src/pages/resources/components/model-files.tsx
@@ -233,6 +233,7 @@ const ModelFiles = () => {
     if (type !== 'Table') return;
     return (
       <NoResult
+        minHeight="calc(100vh - 300px)"
         loading={dataSource.loading}
         loadend={dataSource.loadend}
         dataSource={dataSource.dataList}
diff --git a/src/pages/users/index.tsx b/src/pages/users/index.tsx
index f8780421..727076f1 100644
--- a/src/pages/users/index.tsx
+++ b/src/pages/users/index.tsx
@@ -141,6 +141,7 @@ const Users: React.FC = () => {
     if (type !== 'Table') return;
     return (
       <NoResult
+        minHeight="calc(100vh - 300px)"
         loading={dataSource.loading}
         loadend={dataSource.loadend}
         dataSource={dataSource.dataList}