From 2df2dc718f15d1db89cb071a6eb7ce90bac911bf Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Mon, 15 Jan 2024 12:44:25 +0800
Subject: [PATCH] feat: File table change Collapse style done.

---
 src/views/Files/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/Files/index.vue b/src/views/Files/index.vue
index 6b13bb6..64964f2 100644
--- a/src/views/Files/index.vue
+++ b/src/views/Files/index.vue
@@ -45,7 +45,7 @@
       </div>
       <!-- All Files type of List -->
       <div class="overflow-y-scroll overflow-x-hidden scrollbar -mx-2 max-h-[calc(100vh_-_480px)]" v-if="!switchListOrGrid">
-        <DataTable :value="allFiles" dataKey="id" tableClass="w-full !border-separate !border-spacing-x-2 text-sm cursor-pointer" :rowClass="setRowClass" breakpoint="0" @row-dblclick="enterDiscover($event.data)" contextmenu v-model:contextMenuSelection="selectedTableFile" @row-contextmenu="onRightClickTable">
+        <DataTable :value="allFiles" dataKey="id" tableClass="w-full mx-2 text-sm cursor-pointer relative" :rowClass="setRowClass" breakpoint="0" @row-dblclick="enterDiscover($event.data)" contextmenu v-model:contextMenuSelection="selectedTableFile" @row-contextmenu="onRightClickTable">
           <Column field="name" header="Name" bodyClass="font-medium fileName"  sortable></Column>
           <Column field="parentLog" header="Dependency" bodyClass="text-neutral-500" sortable></Column>
           <Column field="fileType" header="File Type" bodyClass="text-neutral-500 fileType" sortable></Column>
@@ -267,7 +267,7 @@
 
 <style scoped>
 :deep(thead) {
-  @apply sticky top-0 bg-neutral-10
+  @apply sticky top-0 bg-neutral-10 after:border-b after:border-neutral-500 after:w-full after:left-0 after:bottom-0 after:absolute
 }
 :deep(table th) {
   @apply border-b !border-neutral-500 !p-2 text-left font-black !bg-neutral-10 whitespace-nowrap break-keep overflow-hidden text-ellipsis