fix: restore workbench and message routes

2026-06-21 21:31:34 +08:00
parent 9647a227da
commit 46401e1a4e
5 changed files with 31 additions and 13 deletions
@@ -41,20 +41,24 @@ defineEmits(['click']);
          class="border-border group min-w-0 cursor-pointer border-t p-4 transition-all hover:shadow-xl"
          @click="$emit('click', item)"
        >
-          <div class="flex items-center">
+          <div class="flex min-w-0 items-center">
            <VbenIcon
              :color="item.color"
              :icon="item.icon"
-              class="size-8 transition-all duration-300 group-hover:scale-110"
+              class="size-8 shrink-0 transition-all duration-300 group-hover:scale-110"
            />
-            <span class="ml-4 text-lg font-medium">{{ item.title }}</span>
+            <span class="ml-4 min-w-0 truncate text-lg font-medium">
+              {{ item.title }}
+            </span>
          </div>
-          <div class="text-foreground/80 mt-4 flex min-h-12 leading-6">
+          <div class="text-foreground/80 mt-4 min-h-12 break-words leading-6">
            {{ item.content }}
          </div>
-          <div class="text-foreground/80 flex justify-between">
-            <span>{{ item.group }}</span>
-            <span>{{ item.date }}</span>
+          <div
+            class="text-foreground/80 mt-4 flex flex-wrap items-center justify-between gap-x-4 gap-y-1 text-sm"
+          >
+            <span class="whitespace-nowrap">{{ item.group }}</span>
+            <span class="whitespace-nowrap">{{ item.date }}</span>
          </div>
        </div>
      </template>