chore: improve styles

Author: webfansplz

packages/devtools/src/app/components/assets/List.vue

@@ -16,7 +16,9 @@ defineProps<{
         >
           <div flex="~ gap-1">
             <DisplayFileIcon :filename="asset.filename" />
-            {{ asset.filename }}
+            <span overflow-hidden text-ellipsis break-all line-clamp-2>
+              {{ asset.filename }}
+            </span>
           </div>
         </NuxtLink>
       </template>

packages/devtools/src/app/components/modules/Folder.vue

@@ -57,7 +57,7 @@ const moduleTree = computed(() => {
 </script>
 
 <template>
-  <div of-auto max-h-screen pt-40 relative>
+  <div of-auto max-h-screen pt-45 relative>
     <div flex="~ col gap-2" p4>
       <DisplayTreeNode
         v-if="Object.keys(moduleTree.workspace.children).length"

packages/devtools/src/app/components/plugins/FlatList.vue

@@ -13,7 +13,9 @@ defineProps<{
         <div w-8 text-right text-xs op50>
           #{{ plugin.plugin_id }}
         </div>
-        <DisplayPluginName :name="plugin.name" />
+        <span overflow-hidden text-ellipsis break-all line-clamp-2>
+          <DisplayPluginName :name="plugin.name" />
+        </span>
       </div>
     </template>
   </div>