fix(editor): 属性面板 padding 仅作用于最外层表单

为 PropsPanel 顶层 MForm 增加 .m-editor-props-form-panel-form 专属类名,
将原本挂在通用 .tmagic-design-form 上的 padding 与 tab 样式迁移到该类,
避免子组件中嵌套的 .tmagic-design-form 被错误命中。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
roymondchen 2026-05-22 15:57:13 +08:00
parent 7ff590b1b6
commit eb1c5a3ec1
2 changed files with 21 additions and 21 deletions

View File

@ -5,7 +5,7 @@
<TMagicScrollbar>
<MForm
ref="configForm"
:class="propsPanelSize"
:class="[propsPanelSize, 'm-editor-props-form-panel-form']"
:popper-class="`m-editor-props-panel-popper ${propsPanelSize}`"
:label-width="labelWidth"
:label-position="labelPosition"

View File

@ -25,26 +25,6 @@
right: calc(15px + var(--props-style-panel-width));
}
}
.tmagic-design-form {
padding-right: 10px;
padding-left: 10px;
> .m-container-tab {
> .tmagic-design-tabs {
> .el-tabs__content {
padding-top: 55px;
}
> .el-tabs__header.is-top {
position: absolute;
top: 0;
width: 100%;
background: #fff;
z-index: 3;
}
}
}
}
}
.m-editor-props-style-panel {
@ -142,6 +122,26 @@
}
}
.m-editor-props-form-panel-form {
padding-right: 10px;
padding-left: 10px;
> .m-container-tab {
> .tmagic-design-tabs {
> .el-tabs__content {
padding-top: 55px;
}
> .el-tabs__header.is-top {
position: absolute;
top: 0;
width: 100%;
background: #fff;
z-index: 3;
}
}
}
}
.m-editor-props-panel-popper {
&.small {
span,