style(title): 标题预设卡片改为深色背景大T字紧凑布局 #1606
@@ -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",
|
||||
},
|
||||
},
|
||||
]
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user