add editor-content-height class to prevent dialog overflow

mainsail-crew · Dec 25, 2024 · 4fe8e64 · 4fe8e64
1 parent 9ba039e
commit 4fe8e64
Showing 1 changed file with 5 additions and 1 deletion.
diff --git 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;
 }