style(title): 标题预设卡片改为深色背景大T字紧凑布局 #1606

Merged
xiaoxia merged 2 commits from fix/title-preset-card-style into develop 2026-09-01 14:58:56 +08:00
2 changed files with 19 additions and 19 deletions
+8 -8
View File
@@ -81,7 +81,7 @@ export const TITLE_PRESETS = [
fontWeight: 700,
color: "#ffffff",
WebkitTextStroke: "1px #000000",
fontSize: "20px",
fontSize: "32px",
},
},
{
@@ -92,14 +92,14 @@ export const TITLE_PRESETS = [
fontWeight: 700,
color: "#d4a843",
textShadow: "1px 1px 3px rgba(0,0,0,0.8)",
fontSize: "20px",
fontSize: "32px",
},
},
{
key: "fresh_minimal",
label: "清新简约",
style: { size: 24, color: "#333333", bold: false, italic: false, stroke: false, shadow: false },
previewStyle: { fontWeight: 400, color: "#333333", fontSize: "18px" },
previewStyle: { fontWeight: 400, color: "#333333", fontSize: "32px" },
},
{
key: "variety_show",
@@ -110,14 +110,14 @@ export const TITLE_PRESETS = [
color: "#ff4081",
WebkitTextStroke: "1.5px #ffffff",
textShadow: "2px 2px 4px rgba(0,0,0,0.5)",
fontSize: "22px",
fontSize: "32px",
},
},
{
key: "business",
label: "商务极简",
style: { size: 24, color: "#1a1a1a", bold: false, italic: false, stroke: false, shadow: false },
previewStyle: { fontWeight: 400, color: "#1a1a1a", fontSize: "17px" },
previewStyle: { fontWeight: 400, color: "#1a1a1a", fontSize: "32px" },
},
{
key: "retro_film",
@@ -127,7 +127,7 @@ export const TITLE_PRESETS = [
fontWeight: 400,
color: "#e8d5b7",
textShadow: "2px 2px 6px rgba(0,0,0,0.7)",
fontSize: "18px",
fontSize: "32px",
},
},
{
@@ -138,7 +138,7 @@ export const TITLE_PRESETS = [
fontWeight: 700,
color: "#00e5ff",
textShadow: "0 0 4px #00e5ff, 0 0 8px #00e5ff, 0 0 16px rgba(0,229,255,0.5)",
fontSize: "20px",
fontSize: "32px",
},
},
{
@@ -149,7 +149,7 @@ export const TITLE_PRESETS = [
fontWeight: 400,
color: "#333333",
textShadow: "1px 1px 2px rgba(0,0,0,0.3)",
fontSize: "20px",
fontSize: "32px",
},
},
]
+11 -11
View File
@@ -1739,31 +1739,31 @@
.xx-title-preset-card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
aspect-ratio: 1 / 1;
padding: 4px;
background: var(--bg-secondary);
width: 52px;
height: 52px;
padding: 0;
background: #3a3a3a;
border: 2px solid transparent;
border-radius: var(--radius-sm);
border-radius: 8px;
cursor: pointer;
transition: all 0.15s;
text-align: center;
}
.xx-title-preset-card:hover {
border-color: var(--primary-200);
background: var(--bg-primary);
border-color: #666;
background: #4a4a4a;
}
.xx-title-preset-card.active {
border-color: var(--primary-color);
background: var(--primary-50);
border-color: #409eff;
background: #4a4a4a;
}
.xx-title-preset-preview-text {
font-size: 28px;
font-size: 32px;
font-weight: 700;
line-height: 1;
user-select: none;
}