style: Code Editor style change

src/components/Form/FormFields/CodeEditor.vue

@@ -8,6 +8,7 @@
           :label="item.name"
           :prop="item.name"
         >
+
           <template v-if="item.type === 'button' && !item.isVisible">
             <el-tooltip :disabled="!item.tip" :content="item.tip">
               <el-button
@@ -151,7 +152,13 @@
         </div>
       </div>
     </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>
 </template>
 
@@ -390,7 +397,6 @@ $input-border-color: #C0C4CC;
   }
 
   .editor {
-    //margin-left: 30px;
     border: 1px solid var(--color-border);
     overflow: hidden;
   }

src/views/ops/Adhoc/QuickJob.vue

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

src/views/ops/Template/Playbook/PlaybookDetail/Workspace.vue

@@ -18,7 +18,7 @@
       </template>
       <template slot="table">
         <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
               v-for="(editor,key) in openedEditor"
               :key="key"
@@ -298,6 +298,12 @@ export default {
   border-radius: 2px;
 }
 
+.workspace-tab {
+  ::v-deep .el-tabs__header {
+    margin: 0 0 15px 30px !important;
+  }
+}
+
 .el-tree {
   background-color: inherit !important;
 }