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
OpenCSGs · Dec 17, 2024 · 028812c · 028812c
1 parent 5ba4827
commit 028812c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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>