github/tmagic-editor
1
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2026-07-28 08:55:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(design,editor): 调整卡片间距

Browse Source
This commit is contained in:
roymondchen 2026-07-28 15:32:09 +08:00
parent 4ffda3ddd5
commit e4d4a11240
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/design/src/theme/card.scss
View File

@ -25,7 +25,7 @@
.el-card__header {
border-bottom: none;
padding: 8px 16px;
padding: 16px;
&:hover {
background: transparent;
box-shadow: none;
@ -41,7 +41,7 @@
padding: 0 16px 0 16px;
// 这里每个form-item应该要有一个16px间距，但是除了tbody中的form-item
.tmagic-design-form-item:not(tbody .tmagic-design-form-item) {
margin-bottom: 8px;
margin-bottom: 16px;
}
> .m-container-row {
overflow-x: hidden;

6
packages/editor/src/theme/code-block.scss
View File

@ -19,14 +19,14 @@
}
.el-card__body {
.tmagic-design-form-item {
margin-bottom: 18px;
margin-bottom: 16px;
}
}
.code-select-content {
> .m-fields-group-list {
> .tmagic-design-card--flat {
> .el-card__header {
padding: 8px 0;
padding: 16px 0;
}
}
}
@ -34,7 +34,7 @@
.create-button {
&.fullWidth {
width: 100%;
margin: 0 0 8px 0;
margin: 0 0 16px 0;
}
}
}

9
packages/editor/src/theme/event.scss
View File

@ -1,11 +1,14 @@
.m-fields-event-select {
width: 100%;
.fullWidth {
width: calc(100% - 32px);
width: 100%;
box-sizing: border-box;
&.create-button {
width: 100%;
}
&.m-container-ui-event {
width: calc(100% - 32px);
}
}
.event-select-container {
padding: 0 16px;
@ -14,7 +17,7 @@
border-bottom: 1px solid #ebeef5;
}
> .el-card__body {
padding-bottom: 8px;
padding-bottom: 16px;
.m-fields-group-list-footer {
div {
justify-content: flex-start !important;
@ -22,7 +25,7 @@
}
.el-card.tmagic-design-card--flat {
> .el-card__header {
padding: 8px 0;
padding: 16px 0;
}
}
}