fix(desltop): fix editor layout issue when conn-list visible change

emqx · Jan 24, 2024 · cb1d412 · cb1d412
1 parent 7c6aa17
commit cb1d412
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/Editor.vue b/src/components/Editor.vue
@@ -31,6 +31,7 @@ export default class Editor extends Vue {
   @Model('change', { type: String }) private readonly value!: string
 
   @Getter('currentTheme') private theme!: Theme
+  @Getter('showConnectionList') private showConnectionList!: boolean
 
   private editor: monaco.editor.IStandaloneCodeEditor | null = null
 
@@ -66,6 +67,13 @@ export default class Editor extends Vue {
     }
   }
 
+  @Watch('showConnectionList')
+  private handleShowConnectionListChanged(val: boolean) {
+    setTimeout(() => {
+      this.editorLayout()
+    }, 500)
+  }
+
   // init and register customer editor style
   private initCustomerLanguages() {
     this.registerLog()