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