Update FileManagePage.vue

dongkcs · Jun 7, 2024 · 348e210 · 348e210
1 parent d1a3fb4
commit 348e210
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/pages/FileManagePage.vue b/src/pages/FileManagePage.vue
@@ -37,8 +37,8 @@ const onDeleteFileClick = async (key?: string) => {
             <div v-for="file in uploadedFiles" :key="file.Key"
                 class="w-full flex flex-row items-center mt-4 rounded border-1 border-gray-300 px-2 py-1">
                 <div class="w-10 h-10 i-mdi-file-document-outline"></div>
-                <div class="flex flex-col">
-                    <a class="text-lg font-semibold" :href="`/${file.Key}`" target="_blank">{{ decodeKey(file.Key!) }}</a>
+                <div class="flex flex-col title">
+                    <a class="text-lg font-semibold" :title="decodeKey(file.Key!)" :href="`/${file.Key}`" target="_blank">{{ decodeKey(file.Key!) }}</a>
                     <div class="text-sm text-gray">{{ formatBytes(file.Size ?? 0) }}</div>
                 </div>
                 <div class="ml-auto w-6 h-6 i-mdi-trash-can-outline cursor-pointer"
@@ -56,4 +56,9 @@ body,
     padding: 0;
     background-color: #f8f9fa;
 }
+.title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
 </style>