github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-09-24 04:33:06 +00:00
Code Issues Projects Releases Wiki Activity

style: Code Editor style change

Browse Source
This commit is contained in:
zhaojisen
2024-07-17 16:41:31 +08:00
committed by Bryan
parent 2df4a9d66d
commit 336e176639
3 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Form/FormFields/CodeEditor.vue
View File

@@ -8,6 +8,7 @@
:label="item.name" :label="item.name"
:prop="item.name" :prop="item.name"
> >
<template v-if="item.type === 'button' && !item.isVisible"> <template v-if="item.type === 'button' && !item.isVisible">
<el-tooltip :disabled="!item.tip" :content="item.tip"> <el-tooltip :disabled="!item.tip" :content="item.tip">
<el-button <el-button
@@ -151,7 +152,13 @@
</div> </div>
</div> </div>
</el-form> </el-form>
<codemirror ref="myCm" v-model="iValue" :options="iOptions" class="editor" /> <codemirror
ref="myCm"
v-model="iValue"
:options="iOptions"
class="editor"
:style="iActions.length > 0 ? { marginLeft: '30px' } : {}"
/>
</div> </div>
</template> </template>
@@ -390,7 +397,6 @@ $input-border-color: #C0C4CC;
} }
.editor { .editor {
//margin-left: 30px;
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
overflow: hidden; overflow: hidden;
} }

2
src/views/ops/Adhoc/QuickJob.vue
View File

@@ -470,7 +470,7 @@ $container-bg-color: #f7f7f7;
flex-direction: column; flex-direction: column;
.xterm-container { .xterm-container {
//margin-left: 30px; margin-left: 30px;
height: calc(100vh - 549px); height: calc(100vh - 549px);
min-height: 255px; min-height: 255px;
border: 1px solid var(--color-border); border: 1px solid var(--color-border);

8
src/views/ops/Template/Playbook/PlaybookDetail/Workspace.vue
View File

@@ -18,7 +18,7 @@
</template> </template>
<template slot="table"> <template slot="table">
<div class="transition-box" style="width: calc(100% - 17px);"> <div class="transition-box" style="width: calc(100% - 17px);">
<el-tabs v-model="activeEditorId" :closable="true" @tab-remove="onCloseEditor"> <el-tabs v-model="activeEditorId" :closable="true" class="workspace-tab" @tab-remove="onCloseEditor">
<el-tab-pane <el-tab-pane
v-for="(editor,key) in openedEditor" v-for="(editor,key) in openedEditor"
:key="key" :key="key"
@@ -298,6 +298,12 @@ export default {
border-radius: 2px; border-radius: 2px;
} }
.workspace-tab {
::v-deep .el-tabs__header {
margin: 0 0 15px 30px !important;
}
}
.el-tree { .el-tree {
background-color: inherit !important; background-color: inherit !important;
} }