fix: panel size

Author: antfu

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

@@ -113,7 +113,7 @@ const codeDisplay = computed(() => {
 </script>
 
 <template>
-  <div pt4 w-full min-w-full>
+  <div pt4 w-max>
     <div v-if="info.importers?.length" text-sm>
       <div flex>
         <VMenu>

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

@@ -43,21 +43,19 @@ function selectFlowNode(v: boolean) {
 </script>
 
 <template>
-  <div of-auto w-full h-full relative>
-    <div v-if="info" flex="~ col" w-full min-w-full>
-      <FlowmapModuleFlow
-        p4
-        :info
-        :session
-        :transforms-loading
-        @select="selectFlowNode"
-      />
-      <ChartModuleFlamegraph
-        :info
-        :session="session"
-        :flow-node-selected="flowNodeSelected"
-      />
-    </div>
-    <VisualLoading v-else />
+  <div v-if="info" flex="~ col">
+    <FlowmapModuleFlow
+      p4
+      :info
+      :session
+      :transforms-loading
+      @select="selectFlowNode"
+    />
+    <ChartModuleFlamegraph
+      :info
+      :session="session"
+      :flow-node-selected="flowNodeSelected"
+    />
   </div>
+  <VisualLoading v-else />
 </template>

packages/devtools/src/app/pages/session/[session].vue

@@ -80,19 +80,19 @@ onMounted(async () => {
 
     <div
       v-if="route.query.module" fixed inset-0
-      backdrop-blur-5
-      z-panel-content
+      backdrop-blur-5 z-panel-content
     >
       <div
         :key="(route.query.module as string)"
         v-on-click-outside="closeFlowPanel"
         fixed right-0 bottom-0 top-20 z-panel-content
-        w-250 of-scroll bg-glass border="l t base rounded-tl-xl"
-        max-w-90vw
+        of-scroll bg-glass border="l t base rounded-tl-xl"
+        max-w-90vw min-w-250
       >
         <FlowmapModuleFlowLoader
           :module="(route.query.module as string)"
           :session="session"
+          w-max
         />
         <DisplayCloseButton
           absolute right-2 top-2