From 5684cbd51751e1aa807d0e99a097f780ec0da8ca Mon Sep 17 00:00:00 2001
From: R524809 <zhangyi@hyundai-hmatc.com>
Date: Thu, 17 Sep 2026 17:47:18 +0800
Subject: [PATCH] =?UTF-8?q?feat(edit):=20=E7=BC=96=E8=BE=91=E9=A1=B5?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/pages/products/ProductEditPage.css               | 4 ++--
 .../pages/products/components/CollectedProductInfoPanel.css   | 2 +-
 .../src/pages/products/components/ProductVariantSection.css   | 2 ++
 .../src/pages/products/components/ProductVariantSection.tsx   | 3 +--
 4 files changed, 6 insertions(+), 5 deletions(-)

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
                                                     >
-                                                        <Input.TextArea
+                                                        <Input
                                                             className="sku-card-name"
-                                                            autoSize={{ minRows: 1, maxRows: 2 }}
                                                             placeholder="SKU 名称"
                                                         />
                                                     </Form.Item>