style(editor): 适配tdesign

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

View File

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

View File

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