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 = ({ className="xx-title-preset-preview-text" style={{ ...p.previewStyle, fontFamily: getFontFamily(fontFamily || "思源黑体") }} > - 标题 + T - {p.label} ) })} 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;