feat(edit): 编辑页样式优化

This commit is contained in:
R524809
2026-09-17 17:47:18 +08:00
parent 52ef75f719
commit 5684cbd517
4 changed files with 6 additions and 5 deletions
@@ -59,7 +59,7 @@
* 主内容区不足 1360px 时,采集面板移至编辑卡片下方;大于等于该宽度时 * 主内容区不足 1360px 时,采集面板移至编辑卡片下方;大于等于该宽度时
* 保持两列。断点依据除菜单栏外的实际内容宽度,不依赖浏览器窗口宽度。 * 保持两列。断点依据除菜单栏外的实际内容宽度,不依赖浏览器窗口宽度。
*/ */
@container (max-width: 1199px) { @container (max-width: 1099px) {
.editor-workspace { .editor-workspace {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
@@ -139,7 +139,7 @@
} }
/* 型号 / 品牌 / 条形码等短输入框 */ /* 型号 / 品牌 / 条形码等短输入框 */
.editor-short-input.ant-input { .editor-short-input.ant-input {
width: 170px; width: 200px;
} }
/* 「采集信息变化」弹窗内容(页面 modal 渲染) */ /* 「采集信息变化」弹窗内容(页面 modal 渲染) */
@@ -171,7 +171,7 @@
aspect-ratio: 3 / 4; aspect-ratio: 3 / 4;
object-fit: cover; object-fit: cover;
} }
@container (max-width: 1199px) { @container (max-width: 1099px) {
/* 主内容区不足 1360px 时,面板退化为工作区下方整行,不再固定高度。 */ /* 主内容区不足 1360px 时,面板退化为工作区下方整行,不再固定高度。 */
.editor-aside { .editor-aside {
position: static; position: static;
@@ -255,8 +255,10 @@
} }
.sku-spec-panel .ant-form-item-label { .sku-spec-panel .ant-form-item-label {
flex: 0 0 86px !important; flex: 0 0 86px !important;
text-align: left;
} }
.sku-spec-panel .ant-form-item-label > label { .sku-spec-panel .ant-form-item-label > label {
justify-content: flex-start;
font-weight: 600; font-weight: 600;
} }
.sku-spec-panel .ant-form-item-control { .sku-spec-panel .ant-form-item-control {
@@ -244,9 +244,8 @@ export function ProductVariantSection({
name={[field.name, 'display_name']} name={[field.name, 'display_name']}
noStyle noStyle
> >
<Input.TextArea <Input
className="sku-card-name" className="sku-card-name"
autoSize={{ minRows: 1, maxRows: 2 }}
placeholder="SKU 名称" placeholder="SKU 名称"
/> />
</Form.Item> </Form.Item>