feat(edit): 编辑页样式优化
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user