From 616215599735ef5f022a8b41c8c6bdeb331f308e Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Wed, 13 Mar 2024 16:24:03 +0800
Subject: [PATCH] fix: Issues #252 done.

---
 src/views/Upload/index.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/Upload/index.vue b/src/views/Upload/index.vue
index f491992..d6c8521 100644
--- a/src/views/Upload/index.vue
+++ b/src/views/Upload/index.vue
@@ -32,20 +32,20 @@
         </div>
         </div>
       <!-- Upload table -->
-      <div class="overflow-y-auto overflow-x-auto scrollbar max-h-[calc(100%_-_97px)]">
-        <table class="text-sm w-full border-separate border-spacing-0">
+      <div class="overflow-y-auto overflow-x-auto scrollbar max-h-[calc(100%_-_94px)]">
+        <table class="text-sm border-separate border-spacing-0 h-full overflow-y-auto overflow-x-auto scrollbar">
           <thead class="sticky top-0 bg-neutral-10">
             <tr>
-              <td v-for="(item, index) in uploadDetail?.columns" :key="index" class="border border-neutral-500 p-2">{{ item }}</td>
+              <td v-for="(item, index) in uploadDetail?.columns" :key="index" class="border border-neutral-500 p-2 truncate max-w-[198px]">{{ item }}</td>
             </tr>
             <tr>
-              <td v-for="(item, index) in uploadDetail?.columns" :key="index" class="px-2 py-1 bg-neutral-300 border border-neutral-500">
+              <td v-for="(item, index) in uploadDetail?.columns" :key="index" class="px-2 py-1 bg-neutral-300 border border-neutral-500 max-w-[198px]">
                 <Dropdown
                 v-model="selectedColumns[index]"
                 :options="columnType"
                 optionLabel="name"
                 placeholder=""
-                class="w-52 !border-neutral-500"
+                class="w-full !border-neutral-500"
                 :data-type="item"
                 :inputId="index.toString()"
                 :inputClass="[selectedColumns[index]?.color, 'text-sm']"
@@ -61,7 +61,7 @@
           </thead>
           <tbody>
             <tr v-for="(item, index) in uploadDetail?.data" :key="index">
-              <td v-for="(itemDetail, key) in item" :key="key" class="border border-neutral-500 p-2 truncate break-keep">{{ itemDetail }}</td>
+              <td v-for="(itemDetail, key) in item" :key="key" class="border border-neutral-500 p-2 truncate max-w-[198px]">{{ itemDetail }}</td>
             </tr>
           </tbody>
         </table>