From 725f7aa0012c520cd9ef93f48468b3c78c2ef64d Mon Sep 17 00:00:00 2001 From: seaislee1209 Date: Sun, 21 Jun 2026 21:47:20 +0800 Subject: [PATCH] =?UTF-8?q?chore(css):=20=E7=A7=BB=E9=99=A4=20styles.css?= =?UTF-8?q?=20=E9=87=8C=E8=80=81=20V1=20.factory-*=20=E6=AD=BB=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F(=E6=A0=B9=E9=99=A4=E5=B1=85=E4=B8=AD=E6=B3=84?= =?UTF-8?q?=E6=BC=8F=E6=BA=90)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 那块用的是 --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 --- core/frontend/src/styles.css | 23 ++++++----------------- 1 file changed, 6 insertions(+), 17 deletions(-) diff --git a/core/frontend/src/styles.css b/core/frontend/src/styles.css index 376cdae..da92ae2 100644 --- a/core/frontend/src/styles.css +++ b/core/frontend/src/styles.css @@ -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; }