chore: adjust UI

Author: antfu

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

@@ -94,7 +94,7 @@ function openInEditor() {
       </div>
     </template>
 
-    <div flex="~ col gap-4" pl2>
+    <div flex="~ col gap-4">
       <div flex="~ col gap-2">
         <div op50>
           Chunks

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

@@ -22,7 +22,7 @@ type LinkPoint = 'importer-start' | 'importer-end' | 'import-start' | 'import-en
 const MAX_LINKS = 20
 const SPACING = {
   width: 400,
-  height: 50,
+  height: 35,
   padding: 4,
   marginX: 8,
   border: 1,

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

@@ -24,7 +24,7 @@ type LinkPoint = 'importer-start' | 'importer-end' | 'import-start' | 'import-en
 const MAX_LINKS = 20
 const SPACING = {
   width: 400,
-  height: 50,
+  height: 30,
   padding: 4,
   marginX: 8,
   border: 1,

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

@@ -104,6 +104,7 @@ function unselectToggle() {
         flex="~ items-center gap-1"
         select-none
         hover="bg-active"
+        title="Reverse Selection"
         @click="reverseSelect"
       >
         <div text-xs op50>
@@ -115,6 +116,7 @@ function unselectToggle() {
         flex="~ items-center gap-1"
         select-none
         hover="bg-active"
+        :title="model.selected?.length === 0 ? 'Select All' : 'Unselect All'"
         @click="unselectToggle"
       >
         <div text-xs op50>

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

@@ -34,7 +34,7 @@ const moduleViewTypes = [
     icon: 'i-carbon-list',
   },
   {
-    label: 'DetailedList',
+    label: 'Detailed List',
     value: 'detailed-list',
     icon: 'i-carbon-list-boxes',
   },