JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-06 03:57:56 +08:00
Code Issues Projects Releases Wiki Activity

style(editor): 样式修改

Browse Source
This commit is contained in:
parisma 2022-09-19 11:04:18 +08:00 committed by jia000
parent c2637b1b0c
commit b3ae294a6a
3 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/editor/src/fields/CodeSelect.vue
View File

@ -12,7 +12,7 @@
></m-fields-select> ></m-fields-select>
</template> </template>
<div class="tool-bar"> <div class="tool-bar">
<el-tooltip class="tool-item" effect="dark" content="查看源代码" placement="top"> <el-tooltip class="tool-item" effect="dark" content="查看代码块" placement="top">
<svg <svg
@click="viewHandler" @click="viewHandler"
preserveAspectRatio="xMidYMid meet" preserveAspectRatio="xMidYMid meet"

4
packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue
View File

@ -31,10 +31,10 @@
<div class="list-item"> <div class="list-item">
<div class="code-name">{{ data.name }}（{{ data.id }}）</div> <div class="code-name">{{ data.name }}（{{ data.id }}）</div>
<div class="right-tool"> <div class="right-tool">
<el-tooltip effect="dark" :content="editable ? '编辑' : '查看'" placement="top"> <el-tooltip effect="dark" :content="editable ? '编辑' : '查看'" placement="bottom">
<Icon :icon="editable ? Edit : View" class="edit-icon" @click="editCode(`${data.id}`)"></Icon> <Icon :icon="editable ? Edit : View" class="edit-icon" @click="editCode(`${data.id}`)"></Icon>
</el-tooltip> </el-tooltip>
<el-tooltip effect="dark" content="删除" placement="top" v-if="editable"> <el-tooltip effect="dark" content="删除" placement="bottom" v-if="editable">
<Icon :icon="Close" class="edit-icon" @click="deleteCode(`${data.id}`)"></Icon> <Icon :icon="Close" class="edit-icon" @click="deleteCode(`${data.id}`)"></Icon>
</el-tooltip> </el-tooltip>
<slot name="code-block-panel-tool" :id="data.id"></slot> <slot name="code-block-panel-tool" :id="data.id"></slot>

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

@ -75,7 +75,7 @@
height: 100%; height: 100%;
background: #fff; background: #fff;
.el-card__body { .el-card__body {
height: 80%; height: calc(100% - 80px);
background: #fff; background: #fff;
} }
} }
@ -133,16 +133,19 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 4px; left: 4px;
width: 100%; width: calc(100% - 9px);
height: 100%; height: 100%;
z-index: 10; z-index: 10;
background: #fff; background: #fff;
.el-card {
border: 0;
}
} }
.m-editor-wrapper { .m-editor-wrapper {
height: 100%; height: 100%;
.m-editor-container { .m-editor-container {
height: 100%; height: calc(100% - 70px);
} }
.m-editor-content-bottom { .m-editor-content-bottom {
height: 40px; height: 40px;
@ -152,7 +155,7 @@
background: #fff; background: #fff;
> button { > button {
height: 30px; height: 30px;
margin-top: 5px; margin-top: 15px;
} }
} }
} }