diff --git a/apps/web/src/pages/products/ProductEditPage.css b/apps/web/src/pages/products/ProductEditPage.css index bf96d20..8266b2b 100644 --- a/apps/web/src/pages/products/ProductEditPage.css +++ b/apps/web/src/pages/products/ProductEditPage.css @@ -59,7 +59,7 @@ * 主内容区不足 1360px 时,采集面板移至编辑卡片下方;大于等于该宽度时 * 保持两列。断点依据除菜单栏外的实际内容宽度,不依赖浏览器窗口宽度。 */ -@container (max-width: 1199px) { +@container (max-width: 1099px) { .editor-workspace { grid-template-columns: 1fr; } @@ -139,7 +139,7 @@ } /* 型号 / 品牌 / 条形码等短输入框 */ .editor-short-input.ant-input { - width: 170px; + width: 200px; } /* 「采集信息变化」弹窗内容(页面 modal 渲染) */ diff --git a/apps/web/src/pages/products/components/CollectedProductInfoPanel.css b/apps/web/src/pages/products/components/CollectedProductInfoPanel.css index 1ef837e..cb0ae87 100644 --- a/apps/web/src/pages/products/components/CollectedProductInfoPanel.css +++ b/apps/web/src/pages/products/components/CollectedProductInfoPanel.css @@ -171,7 +171,7 @@ aspect-ratio: 3 / 4; object-fit: cover; } -@container (max-width: 1199px) { +@container (max-width: 1099px) { /* 主内容区不足 1360px 时,面板退化为工作区下方整行,不再固定高度。 */ .editor-aside { position: static; diff --git a/apps/web/src/pages/products/components/ProductVariantSection.css b/apps/web/src/pages/products/components/ProductVariantSection.css index 163308b..1d5ff50 100644 --- a/apps/web/src/pages/products/components/ProductVariantSection.css +++ b/apps/web/src/pages/products/components/ProductVariantSection.css @@ -255,8 +255,10 @@ } .sku-spec-panel .ant-form-item-label { flex: 0 0 86px !important; + text-align: left; } .sku-spec-panel .ant-form-item-label > label { + justify-content: flex-start; font-weight: 600; } .sku-spec-panel .ant-form-item-control { diff --git a/apps/web/src/pages/products/components/ProductVariantSection.tsx b/apps/web/src/pages/products/components/ProductVariantSection.tsx index 39e8eea..50dddf8 100644 --- a/apps/web/src/pages/products/components/ProductVariantSection.tsx +++ b/apps/web/src/pages/products/components/ProductVariantSection.tsx @@ -244,9 +244,8 @@ export function ProductVariantSection({ name={[field.name, 'display_name']} noStyle > -