feat(title): 标题预设卡片改紧凑正方形T图标（工单#1263） (#1591)

Co-authored-by: xiaoxia <dev@xiaoxiajianji.com> Co-committed-by: xiaoxia <dev@xiaoxiajianji.com>
2026-09-01 01:36:00 +08:00
parent 41fdd7e066
commit 3745970515
2 changed files with 6 additions and 17 deletions
@@ -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>
        )
      })}
@@ -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;