fix(client): route param regex overflows container (#266)

Author: adamdehaven

packages/client/src/components/inspector/InspectorTree.vue

@@ -30,7 +30,7 @@ function select(id: string) {
     page-mode
   >
     <div class="selectable-item" :class="{ active: modelValue === item.id }" @click="select(item.id)">
-      <span>
+      <span class="selectable-item-label">
         {{ item.label }}
       </span>
       <InspectorNodeTag v-for="(childItem, index) in item.tags" :key="index" :tag="childItem" />

packages/client/uno.config.ts

@@ -72,6 +72,7 @@ export default defineConfig(mergeConfigs([unoConfig, {
     'panel-grids-center': 'panel-grids flex flex-col h-full gap-2 items-center justify-center',
 
     'selectable-item': 'flex items-center px-2 py-1 rounded cursor-pointer hover:bg-primary-200 dark:(hover:bg-gray-800) @active:(text-white bg-primary-600 hover:(text-white bg-primary-600))',
+    'selectable-item-label': 'text-truncate',
 
     // component state
     'state-key': 'text-purple-700 dark:text-purple-300',