lunanting/jmalcloud-view
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 修改文本编辑器样式

Browse Source
This commit is contained in:
jmal 2023-05-11 14:27:35 +08:00
parent 1db73eceae
commit 94a7e01c4e
1 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/preview/SimTextPreview.vue
View File

@ -57,9 +57,12 @@
:title="lightTheme?'暗色':'亮色'"
@click="skinning"
/>
<button class="title-extension-button" @click="fullScreen" size="small">
<button class="title-extension-button" @click="fullScreen">
<svg-icon :icon-class="fullscreen?'normalscreen':'fullscreen'"></svg-icon>
</button>
<button class="title-extension-button" @click="closeDialog">
<i class="el-dialog__close el-icon el-icon-close"></i>
</button>
</div>
</div>
<div class="content" :style="{height: editorHieght+26+'px'}">
@ -990,22 +993,18 @@
}
.el-dialog__header {
padding: 5px 20px 5px;
padding: 5px 10px 5px;
overflow: hidden;
.el-dialog__headerbtn {
top: 12px;
right: 16px;
.el-dialog__close {
font-size: 26px;
}
display: none;
}
.title-name {
line-height: 34px;
}
.title-extension {
float: right;
margin-right: 30px;
margin-right: 0;
margin-top: 3px;
display: -webkit-box;
display: -ms-flexbox;
@ -1015,7 +1014,7 @@
justify-content: flex-end;
.title-extension-button {
padding: 5px;
padding: 0;
margin-left: 15px;
background: 0 0;
border: none;
@ -1028,6 +1027,12 @@
.svg-icon:hover {
color: #409EFF;
}
.el-icon-close {
font-size: 28px;
}
.el-icon-close:hover {
color: #409EFF;
}
}
}