test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: truncate file name

Browse Source
This commit is contained in:
Shariq Ansari 2024-10-21 21:11:11 +05:30
parent 1fee6b14e1
commit 64d8e8655a
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/FilesUploader/FilesUploaderArea.vue
View File

@ -60,9 +60,9 @@
<div <div
v-for="file in files" v-for="file in files"
:key="file.name" :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 <div
class="size-11 rounded overflow-hidden flex-shrink-0 flex justify-center items-center" class="size-11 rounded overflow-hidden flex-shrink-0 flex justify-center items-center"
:class="{ border: !file.type?.startsWith('image') }" :class="{ border: !file.type?.startsWith('image') }"
@ -75,8 +75,8 @@
/> />
<component v-else class="size-4" :is="fileIcon(file.type)" /> <component v-else class="size-4" :is="fileIcon(file.type)" />
</div> </div>
<div class="flex flex-col gap-1 text-sm text-gray-600"> <div class="flex flex-col gap-1 text-sm text-gray-600 truncate">
<div class="text-base text-gray-800"> <div class="text-base text-gray-800 truncate">
{{ file.name }} {{ file.name }}
</div> </div>
<div class="mb-1"> <div class="mb-1">