From 5a27d424ccdb10955a7a3c6811b03c4959d3b1b7 Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Wed, 28 Aug 2024 13:16:48 +0700
Subject: [PATCH] refactor: add classellipsis

---
 src/components/upload-file/UploadFile.vue | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/upload-file/UploadFile.vue b/src/components/upload-file/UploadFile.vue
index 2dba2114..cf27dda6 100644
--- a/src/components/upload-file/UploadFile.vue
+++ b/src/components/upload-file/UploadFile.vue
@@ -99,15 +99,14 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
 </script>
 
 <template>
-  <div class="full-width row" stlye="min-height: 500px">
-    <div>
+  <div class="full-width row">
+    <div class="col">
       <div class="q-pa-sm text-center bordered" style="height: 50px">
         <q-btn-dropdown
           :disable="readonly"
           icon="mdi-upload"
           color="info"
           label="อัปโหลดเอกสาร"
-          d
         >
           <q-list v-for="(v, i) in dropdownList" :key="v.value">
             <q-item
@@ -128,7 +127,7 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
         </q-btn-dropdown>
       </div>
 
-      <div class="full-height bordered-l bordered-b q-pa-sm">
+      <div class="bordered-l bordered-b q-pa-sm">
         <q-tree
           :nodes="treeFile || []"
           node-key="label"
@@ -137,7 +136,14 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
           selected-color="primary"
           v-model:selected="currentFileSelected"
           default-expand-all
-        />
+        >
+          <template v-slot:default-header="prop">
+            <div class="ellipsis">
+              <q-tooltip>{{ prop.node.label }}</q-tooltip>
+              {{ prop.node.label }}
+            </div>
+          </template>
+        </q-tree>
       </div>
     </div>