From 64d8e8655ac86eae99142a7cf167e9eebf320441 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 21 Oct 2024 21:11:11 +0530
Subject: [PATCH] chore: truncate file name

---
 .../src/components/FilesUploader/FilesUploaderArea.vue    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/FilesUploader/FilesUploaderArea.vue b/frontend/src/components/FilesUploader/FilesUploaderArea.vue
index 30b8a0eb..2f940298 100644
--- a/frontend/src/components/FilesUploader/FilesUploaderArea.vue
+++ b/frontend/src/components/FilesUploader/FilesUploaderArea.vue
@@ -60,9 +60,9 @@
       <div
         v-for="file in files"
         :key="file.name"
-        class="flex items-center justify-between py-3"
+        class="flex items-center justify-between gap-2 py-3"
       >
-        <div class="flex items-center gap-4">
+        <div class="flex items-center gap-4 truncate">
           <div
             class="size-11 rounded overflow-hidden flex-shrink-0 flex justify-center items-center"
             :class="{ border: !file.type?.startsWith('image') }"
@@ -75,8 +75,8 @@
             />
             <component v-else class="size-4" :is="fileIcon(file.type)" />
           </div>
-          <div class="flex flex-col gap-1 text-sm text-gray-600">
-            <div class="text-base text-gray-800">
+          <div class="flex flex-col gap-1 text-sm text-gray-600 truncate">
+            <div class="text-base text-gray-800 truncate">
               {{ file.name }}
             </div>
             <div class="mb-1">