Browse Source

style: MonacoEditor

lanceJiang 8 months ago
parent
commit
26cee0ab48
1 changed files with 4 additions and 1 deletions
  1. 4 1
      src/components/MonacoEditor/index.vue

+ 4 - 1
src/components/MonacoEditor/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<div ref="monacoRef" :style="{ height }" class="le-monaco-editor" />
+	<div ref="monacoRef" :style="{ height }" :class="['le-monaco-editor', { 'is-disabled': disabled }]" />
 </template>
 <script setup lang="ts">
 import * as monaco from 'monaco-editor'
@@ -129,6 +129,9 @@ defineExpose({
 		border: 1px solid var(--el-color-primary);
 		border-radius: var(--el-border-radius-base);
 	}
+	&.is-disabled {
+		border: 1px solid var(--el-border-color-light);
+	}
 	.monaco-editor {
 		height: 100%;
 		.decorationsOverviewRuler,