JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-05-29 11:36:37 +08:00
Code Issues Projects Releases Wiki Activity

style(editor): 适配tdesign

Browse Source
This commit is contained in:
roymondchen 2022-12-09 19:59:54 +08:00
parent ffb84cffca
commit 649c80b0ff
2 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -83,14 +83,22 @@
} }
.code-editor-dialog { .code-editor-dialog {
.el-dialog__body { .tmagic-design-card {
.t-card__header {
display: block;
}
}
.el-dialog__body,
.t-dialog__body {
height: 90%; height: 90%;
padding-top: 10px; padding-top: 10px;
} }
.el-card { .tmagic-design-card {
height: 100%; height: 100%;
background: #fff; background: #fff;
.el-card__body { .el-card__body,
.t-card__body {
height: 100%; height: 100%;
background: #fff; background: #fff;
} }

13
packages/editor/src/theme/component-list-panel.scss
View File

@ -1,4 +1,4 @@
.ui-component-panel { .ui-component-panel.tmagic-design-collapse {
height: 100%; height: 100%;
border-top: 0 !important; border-top: 0 !important;
margin-top: 48px; margin-top: 48px;
@ -19,14 +19,15 @@
} }
} }
.el-collapse-item { .tmagic-design-collapse-item {
> div:first-of-type { > div:first-of-type {
border-bottom: 1px solid $--border-color; border-bottom: 1px solid $--border-color;
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
.el-collapse-item__header { .el-collapse-item__header,
.t-collapse-panel__header {
background: $--sidebar-content-background-color; background: $--sidebar-content-background-color;
color: $--font-color; color: $--font-color;
height: 25px; height: 25px;
@ -40,11 +41,13 @@
} }
} }
.el-collapse-item__wrap { .el-collapse-item__wrap,
.t-collapse-panel__body {
background: $--sidebar-content-background-color; background: $--sidebar-content-background-color;
border-bottom: 0; border-bottom: 0;
.el-collapse-item__content { .el-collapse-item__content,
.t-collapse-panel__content {
padding: 10px; padding: 10px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;