perf: fixed editor height to trigger codemirror virtual scroll (#5)

Author: webfansplz

packages/devtools/src/app/components/code/DiffEditor.vue

@@ -132,9 +132,9 @@ function _onUpdate(size: number) {
 </script>
 
 <template>
-  <div h-full w-full :class="oneColumn ? 'flex' : 'grid grid-cols-2'">
-    <div v-show="!oneColumn" ref="fromEl" class="h-inherit" />
-    <div ref="toEl" class="h-inherit" />
+  <div h-full w-full max-h-100vh :class="oneColumn ? 'flex' : 'grid grid-cols-2'">
+    <div v-show="!oneColumn" ref="fromEl" class="h-full max-h-100vh" />
+    <div ref="toEl" class="h-full max-h-100vh" />
   </div>
 </template>
 

packages/devtools/src/app/components/flowmap/ModuleFlow.vue

@@ -289,9 +289,9 @@ const codeDisplay = computed(() => {
         v-if="codeDisplay"
         w-200 m4
         border="~ base rounded-lg" bg-glass of-hidden
-        grid="~ rows-[max-content_1fr]"
+        grid="~ rows-[max-content_1fr]" max-h-120vh
       >
-        <div pl4 p2 font-mono border="b base" flex="~ items-center gap-2">
+        <div pl4 p2 font-mono border="b base" flex="~ items-center gap-2" h-max-100vh>
           <PluginName :name="codeDisplay.plugin_name" />
           <span op50 text-xs>
             {{ codeDisplay.type === 'load' ? 'Load' : 'Transform' }}