From e30dd10fe45ee95080e3370f7ec2119e75249562 Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Thu, 16 Jul 2026 13:40:42 +0800
Subject: [PATCH] style(cluster-management): child-row text color and
 created_at width

---
 src/pages/cluster-management/components/pool-rows.tsx      | 3 +++
 src/pages/cluster-management/hooks/use-cluster-columns.tsx | 2 +-
 src/pages/cluster-management/hooks/use-pools-columns.tsx   | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/pages/cluster-management/components/pool-rows.tsx b/src/pages/cluster-management/components/pool-rows.tsx
index 3c755a95..2ebbff3b 100644
--- a/src/pages/cluster-management/components/pool-rows.tsx
+++ b/src/pages/cluster-management/components/pool-rows.tsx
@@ -162,6 +162,9 @@ const PoolRows: React.FC<PoolRowsProps> = ({
                 <ExpandedRowGrid.Cell
                   key={col.dataIndex || col.key}
                   span={spanFor(col.dataIndex)}
+                  style={{
+                    color: 'var(--ant-color-text-secondary)'
+                  }}
                 >
                   <CellContent
                     {..._.omit(col, ['key', 'style', 'span'])}
diff --git a/src/pages/cluster-management/hooks/use-cluster-columns.tsx b/src/pages/cluster-management/hooks/use-cluster-columns.tsx
index e8cd7bc5..bf60c8a9 100644
--- a/src/pages/cluster-management/hooks/use-cluster-columns.tsx
+++ b/src/pages/cluster-management/hooks/use-cluster-columns.tsx
@@ -225,7 +225,7 @@ const useClusterColumns = (
         title: intl.formatMessage({ id: 'common.table.createTime' }),
         dataIndex: 'created_at',
         sorter: tableSorter(6),
-        span: spans.createTime,
+        width: 180,
         render: (value: string) => (
           <AutoTooltip ghost minWidth={20}>
             {dayjs(value).format('YYYY-MM-DD HH:mm:ss')}
diff --git a/src/pages/cluster-management/hooks/use-pools-columns.tsx b/src/pages/cluster-management/hooks/use-pools-columns.tsx
index 15540ada..32a05f91 100644
--- a/src/pages/cluster-management/hooks/use-pools-columns.tsx
+++ b/src/pages/cluster-management/hooks/use-pools-columns.tsx
@@ -45,7 +45,7 @@ const usePoolsColumns = (
         span: 3,
         render: (text: string) => (
           <AutoTooltip title={text} ghost minWidth={20}>
-            {text}
+            <span className="text-primary">{text}</span>
           </AutoTooltip>
         )
       },