From 028812c75fe194f9d9b789e5ed920270a26e3978 Mon Sep 17 00:00:00 2001
From: youngbeom-shin <youngbeomshin@163.com>
Date: Tue, 17 Dec 2024 16:56:10 +0800
Subject: [PATCH] fix(ui): update tag width for better text display

Replace fixed max-width with dynamic w-fit class to prevent text truncation in ApplicationSpaceItem and RepoItem components, improving tag readability on all screen sizes
---
 .../src/components/application_spaces/ApplicationSpaceItem.vue  | 2 +-
 frontend/src/components/shared/RepoItem.vue                     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/application_spaces/ApplicationSpaceItem.vue b/frontend/src/components/application_spaces/ApplicationSpaceItem.vue
index f22d0ab2c..f83983b7e 100644
--- a/frontend/src/components/application_spaces/ApplicationSpaceItem.vue
+++ b/frontend/src/components/application_spaces/ApplicationSpaceItem.vue
@@ -66,7 +66,7 @@
       v-if="getComputed.taskTag"
       class="flex gap-2 my-2 overflow-x-auto no-scrollbar"
     >
-      <span class="max-w-[80px] xl:max-w-full overflow-hidden text-ellipsis whitespace-nowrap">
+      <span class="w-fit xl:max-w-full overflow-hidden text-ellipsis whitespace-nowrap">
         {{ getComputed.taskTag }}
       </span>
       <span>
diff --git a/frontend/src/components/shared/RepoItem.vue b/frontend/src/components/shared/RepoItem.vue
index fd1ba2d0a..2c04db2dd 100644
--- a/frontend/src/components/shared/RepoItem.vue
+++ b/frontend/src/components/shared/RepoItem.vue
@@ -37,7 +37,7 @@
 
     <div class="flex flex-nowrap overflow-hidden text-ellipsis items-center gap-2 text-xs text-gray-500">
       <span v-if="getComputed.taskTag"
-            class="max-w-[80px] xl:max-w-full overflow-hidden text-ellipsis whitespace-nowrap"
+            class="w-fit xl:max-w-full overflow-hidden text-ellipsis whitespace-nowrap"
       >
             {{ getComputed.taskTag }}
       </span>