From fc599a063748872dc2a5b009c438fd6efb811392 Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Mon, 2 Feb 2026 10:10:20 +0800
Subject: [PATCH] style: column setting sub title

---
 src/pages/_components/column-settings.tsx       | 17 ++++++++++++++---
 .../benchmark/hooks/use-column-settings.tsx     |  4 +++-
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/pages/_components/column-settings.tsx b/src/pages/_components/column-settings.tsx
index e8f11df2..aaf9f38d 100644
--- a/src/pages/_components/column-settings.tsx
+++ b/src/pages/_components/column-settings.tsx
@@ -35,6 +35,18 @@ const Title = styled.div`
   margin-top: 4px;
 `;
 
+const LabelWrapper = styled.span`
+  color: var(--color-text-secondary);
+  > span {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    .sub-title {
+      display: none;
+    }
+  }
+`;
+
 const ColumnSettings: React.FC<{
   width?: number;
   fixedColumns?: string[];
@@ -123,7 +135,6 @@ const ColumnSettings: React.FC<{
   useEffect(() => {
     const initColumns = async () => {
       const stored = await readColumnSettings(tableName);
-      console.log('stored columns:', stored);
       if (stored && stored.length > 0) {
         setInnerSelectedColumns(stored);
         onChange?.(stored);
@@ -169,7 +180,7 @@ const ColumnSettings: React.FC<{
                             value={col.dataIndex}
                             style={{ marginBottom: 8 }}
                           >
-                            <span className="text-secondary">{col.title}</span>
+                            <LabelWrapper>{col.title}</LabelWrapper>
                           </Checkbox>
                         </Col>
                       ))}
@@ -185,7 +196,7 @@ const ColumnSettings: React.FC<{
                         value={col.dataIndex}
                         style={{ marginBottom: 8 }}
                       >
-                        <span className="text-secondary">{col.title}</span>
+                        <LabelWrapper>{col.title}</LabelWrapper>
                       </Checkbox>
                     </Col>
                   ))}
diff --git a/src/pages/benchmark/hooks/use-column-settings.tsx b/src/pages/benchmark/hooks/use-column-settings.tsx
index 6419bd8c..4974bf9e 100644
--- a/src/pages/benchmark/hooks/use-column-settings.tsx
+++ b/src/pages/benchmark/hooks/use-column-settings.tsx
@@ -11,7 +11,9 @@ import styled from 'styled-components';
 import { BenchmarkStatus, BenchmarkStatusLabelMap } from '../config';
 import { BenchmarkListItem as ListItem } from '../config/types';
 
-const SubTitleWrapper = styled.span`
+const SubTitleWrapper = styled.span.attrs({
+  className: 'sub-title'
+})`
   display: list-item;
   overflow: hidden;
   text-overflow: ellipsis;