From 4fe8e64c54c7f21a65177430244f33e15cbea2f8 Mon Sep 17 00:00:00 2001
From: NV4RE <tosbodesz@gmail.com>
Date: Thu, 26 Dec 2024 03:25:16 +0700
Subject: [PATCH] add editor-content-height class to prevent dialog overflow

---
 src/components/TheEditor.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/TheEditor.vue b/src/components/TheEditor.vue
index 049bd1db5..6e22f121d 100644
--- a/src/components/TheEditor.vue
+++ b/src/components/TheEditor.vue
@@ -52,7 +52,7 @@
                         <v-icon>{{ mdiCloseThick }}</v-icon>
                     </v-btn>
                 </template>
-                <v-card-text class="pa-0 d-flex">
+                <v-card-text class="pa-0 d-flex editor-content-height">
                     <codemirror-async
                         v-if="show"
                         ref="editor"
@@ -552,6 +552,10 @@ export default class TheEditor extends Mixins(BaseMixin) {
     white-space: nowrap;
 }
 
+.editor-content-height {
+    height: calc(100dvh - 48px);
+}
+
 ::v-deep .v-treeview-node__level + .v-treeview-node__level {
     width: 12px;
 }