refactor: add classellipsis

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>