azmat1127/yingqing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(css): 移除 styles.css 里老 V1 .factory-* 死样式(根除居中泄漏源)

Browse Source 
那块用的是 --card/--ink-3/JetBrains Mono 旧 token,只剩泄漏作用(align-items:center 把
图片工具卡内容居中)。现版 .factory-* 样式全由 ai-tools-page.css(.asset-factory 作用域)提供、
卡角由 design-restraint.css .with-corners 提供,故整块移除;并从 1180px 媒体查询选择器里摘掉 .factory-body。
(沿用上方已移除老 .msg-* 的同一思路。)

验收:build 绿;无头三卡内容偏移仍 31px、0 console error、卡角/视觉无变化
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
seaislee1209
2026-06-21 21:47:20 +08:00
parent 435213a0e3
commit 725f7aa001
1 changed files with 6 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
core/frontend/src/styles.css
+6 -17
View File
@@ -1543,22 +1543,11 @@ nav button svg { width: 14px; height: 14px; color: var(--ink-3); }
/* 消息中心样式统一由 messages-page.css(对齐 design 稿)提供;此处旧版 V1 .msg-* 规则
用的是 --ink/--orange/--bg-soft 旧 token,会漏样式(灰底标签、搜索框描边、记录分隔线),已移除。 */
.factory-hero { display: grid; gap: 18px; margin-bottom: 26px; }
.factory-card { background: var(--card); border: 1px solid var(--border); position: relative; padding: 24px; }
.factory-card .corner-tr, .factory-card .corner-bl { position: absolute; color: var(--ink-3); font-family: 'JetBrains Mono', monospace; }
.factory-card .corner-tr { top: -8px; right: -8px; }
.factory-card .corner-bl { bottom: -8px; left: -8px; }
.factory-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 420px); gap: 28px; align-items: center; }
.factory-tag, .cost { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--ink-3); letter-spacing: .04em; }
.factory-title { font-size: 24px; font-weight: 600; margin-top: 8px; }
.factory-desc { color: var(--ink-2); margin-top: 6px; }
.factory-features { list-style: none; display: grid; gap: 8px; margin: 18px 0; }
.factory-features li { display: flex; align-items: center; gap: 8px; color: var(--ink-2); font-size: 13px; }
.ff-ic { width: 22px; height: 22px; border: 1px solid var(--orange-soft); background: var(--orange-tint); color: var(--orange); display: grid; place-items: center; }
.factory-cta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.factory-visual { display: grid; grid-template-columns: 1.2fr .8fr; gap: 8px; }
.factory-visual .main { min-height: 240px; }
.factory-visual .stack { display: grid; gap: 8px; }
/* 图片工具卡(.factory-*)旧版 V1 规则用的是 --card/--ink-3/JetBrains Mono 旧 token,会漏样式
(实测 .factory-body 的 align-items:center 漏进来把卡内容居中、宽卡里偏离左边老远),
现版样式全部由 ai-tools-page.css 的 .asset-factory .factory-* 提供、卡角由 design-restraint.css
.with-corners 提供,故整块移除。 */
.tool-shell { margin: -36px -48px -60px; min-height: calc(100vh - 49px); display: flex; flex-direction: column; background: var(--bg); }
.tool-topbar { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-bottom: 1px solid var(--border); background: var(--card); }
.tool-topbar h1 { font-size: 18px; }
@@ -1605,7 +1594,7 @@ nav button svg { width: 14px; height: 14px; color: var(--ink-3); }
.switch input:checked + .slider::before { transform: translateX(18px); }
@media (max-width: 1180px) {
.wizard, .create-product-layout, .product-detail-layout, .top-grid, .team-top, .factory-body, .tool-layout, .demo-layout, .settings-layout, .overview-grid {
.wizard, .create-product-layout, .product-detail-layout, .top-grid, .team-top, .tool-layout, .demo-layout, .settings-layout, .overview-grid {
grid-template-columns: 1fr;
}
.wiz-preview, .steps, .create-upload-zone, .settings-side { position: static; }