From 3745970515a62a3a232fc6eea73502b35d2ce542 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Tue, 1 Sep 2026 01:36:00 +0800
Subject: [PATCH] =?UTF-8?q?feat(title):=20=E6=A0=87=E9=A2=98=E9=A2=84?=
 =?UTF-8?q?=E8=AE=BE=E5=8D=A1=E7=89=87=E6=94=B9=E7=B4=A7=E5=87=91=E6=AD=A3?=
 =?UTF-8?q?=E6=96=B9=E5=BD=A2T=E5=9B=BE=E6=A0=87=EF=BC=88=E5=B7=A5?=
 =?UTF-8?q?=E5=8D=95#1263=EF=BC=89=20(#1591)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: xiaoxia <dev@xiaoxiajianji.com>
Co-committed-by: xiaoxia <dev@xiaoxiajianji.com>
---
 .../components/title/TitlePresetsGrid.tsx     |  3 +--
 apps/web/src/pages/generate/generate.css      | 20 +++++--------------
 2 files changed, 6 insertions(+), 17 deletions(-)

diff --git a/apps/web/src/pages/generate/components/title/TitlePresetsGrid.tsx b/apps/web/src/pages/generate/components/title/TitlePresetsGrid.tsx
index 90b8bd720..bed206054 100644
--- a/apps/web/src/pages/generate/components/title/TitlePresetsGrid.tsx
+++ b/apps/web/src/pages/generate/components/title/TitlePresetsGrid.tsx
@@ -38,9 +38,8 @@ const TitlePresetsGrid: React.FC<TitlePresetsGridProps> = ({
               className="xx-title-preset-preview-text"
               style={{ ...p.previewStyle, fontFamily: getFontFamily(fontFamily || "思源黑体") }}
             >
-              标题
+              T
             </span>
-            <span className="xx-title-preset-card-label">{p.label}</span>
           </button>
         )
       })}
diff --git a/apps/web/src/pages/generate/generate.css b/apps/web/src/pages/generate/generate.css
index eb6444645..5675cf8f1 100644
--- a/apps/web/src/pages/generate/generate.css
+++ b/apps/web/src/pages/generate/generate.css
@@ -1733,8 +1733,8 @@
 /* 标题预设卡片网格 */
 .xx-title-presets-grid {
   display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 10px;
+  grid-template-columns: repeat(6, 1fr);
+  gap: 8px;
 }
 
 .xx-title-preset-card {
@@ -1742,7 +1742,8 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 14px 8px;
+  aspect-ratio: 1 / 1;
+  padding: 4px;
   background: var(--bg-secondary);
   border: 2px solid transparent;
   border-radius: var(--radius-sm);
@@ -1762,21 +1763,10 @@
 }
 
 .xx-title-preset-preview-text {
-  line-height: 1.4;
-  margin-bottom: 6px;
+  line-height: 1;
   user-select: none;
 }
 
-.xx-title-preset-card-label {
-  font-size: 11px;
-  color: var(--text-secondary);
-}
-
-.xx-title-preset-card.active .xx-title-preset-card-label {
-  color: var(--primary-color);
-  font-weight: 500;
-}
-
 /* 样式按钮组 */
 .xx-style-btns {
   display: flex;