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 时,采集面板移至编辑卡片下方;大于等于该宽度时
* 保持两列。断点依据除菜单栏外的实际内容宽度,不依赖浏览器窗口宽度。
*/
@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 渲染) */
@@ -171,7 +171,7 @@
aspect-ratio: 3 / 4;
object-fit: cover;
}
@container (max-width: 1199px) {
@container (max-width: 1099px) {
/* 主内容区不足 1360px 时,面板退化为工作区下方整行,不再固定高度。 */
.editor-aside {
position: static;
@@ -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 {
@@ -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>