chore: improve styles

Author: antfu

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

@@ -24,13 +24,13 @@ defineProps<{
       </div>
     </div>
 
-    <div op50>
+    <!-- TODO -->
+    <!-- <div op50>
       Imports
     </div>
     <div flex="~ col gap-1" ws-nowrap>
-      <!-- TODO: -->
       {{ chunk.imports }}
-    </div>
+    </div> -->
 
     <div op50>
       Modules

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

@@ -70,8 +70,8 @@ function getLinkColor(_link: Link) {
 
 function calculateGraph() {
   // Unset the canvas size, and recalculate again after nodes are rendered
-  width.value = window.innerWidth
-  height.value = window.innerHeight
+  width.value = window.innerWidth * 0.8
+  height.value = window.innerHeight * 0.8
   const seen = new Set<ModuleListItem>()
 
   // build imports graph

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

@@ -14,7 +14,7 @@ defineProps<{
 
     <div flex="~ col gap-1">
       <template v-for="plugin in session.meta.plugins" :key="plugin.id">
-        <div font-mono>
+        <div font-mono border="~ rounded base" px2 py1 text-sm hover="bg-active">
           <DisplayPluginName :name="plugin.name" />
         </div>
       </template>