chore: fixed ModuleDetailsLoader header (#28)

Author: CoutinhoTTS

packages/devtools/src/app/components/data/ModuleDetailsLoader.vue

@@ -52,7 +52,7 @@ function selectFlowNode(v: boolean) {
 <template>
   <div v-if="info" relative h-full w-full>
     <DisplayCloseButton
-      absolute right-2 top-1.5
+      absolute right-2 top-1.5 bg-glass z-panel-content
       @click="emit('close')"
     />
     <div
@@ -97,26 +97,27 @@ function selectFlowNode(v: boolean) {
         </button>
       </div>
     </div>
-    <div h-30 w-100 />
-    <FlowmapModuleFlow
-      v-if="view === 'flow'"
-      p4
-      :info
-      :session
-      :transforms-loading
-      @select="selectFlowNode"
-    />
-    <ChartModuleFlamegraph
-      v-if="view === 'charts'"
-      :info
-      :session="session"
-      :flow-node-selected="flowNodeSelected"
-    />
-    <DataModuleImportRelationships
-      v-if="view === 'imports'"
-      :module="info"
-      :session="session"
-    />
+    <div of-auto h-full pt-30>
+      <FlowmapModuleFlow
+        v-if="view === 'flow'"
+        p4
+        :info
+        :session
+        :transforms-loading
+        @select="selectFlowNode"
+      />
+      <ChartModuleFlamegraph
+        v-if="view === 'charts'"
+        :info
+        :session="session"
+        :flow-node-selected="flowNodeSelected"
+      />
+      <DataModuleImportRelationships
+        v-if="view === 'imports'"
+        :module="info"
+        :session="session"
+      />
+    </div>
   </div>
   <VisualLoading v-else />
 </template>

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

@@ -93,7 +93,6 @@ onMounted(async () => {
         v-on-click-outside="closeFlowPanel"
         fixed right-0 bottom-0 top-20 left-20 z-panel-content
         bg-glass border="l t base rounded-tl-xl"
-        of-auto
       >
         <DataModuleDetailsLoader
           :module="(route.query.module as string)"