From 8f68e47c25b5d955d2d1c3dca69455c328f6ab2a Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Tue, 18 Apr 2023 18:10:14 +0800
Subject: [PATCH] set vue-toast-notification css

---
 src/assets/vendors.css                       | 8 ++++++++
 src/components/Discover/table/actOcc.vue     | 2 +-
 src/components/Discover/table/actOccCase.vue | 2 +-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/assets/vendors.css b/src/assets/vendors.css
index d7ecb06..196c2e5 100644
--- a/src/assets/vendors.css
+++ b/src/assets/vendors.css
@@ -10,6 +10,14 @@
   'opsz' 40
 }
 
+/* vue-toast-notification */
+.v-toast__item {
+  @apply min-h-[48px] rounded-full
+}
+.v-toast__item .v-toast__text {
+  @apply py-3
+}
+
 /* Primevue */
 .p-sidebar-left {
   @apply ml-14
diff --git a/src/components/Discover/table/actOcc.vue b/src/components/Discover/table/actOcc.vue
index 0e3db1a..9f5c07d 100644
--- a/src/components/Discover/table/actOcc.vue
+++ b/src/components/Discover/table/actOcc.vue
@@ -7,7 +7,7 @@
     </div>
     <!-- Table -->
     <div class="overflow-y-auto overflow-x-auto scrollbar -mx-2 h-[calc(100%_-_64px)]">
-      <DataTable v-model:selection="select" :value="tableData" dataKey="label" tableClass="w-full !border-separate !border-spacing-x-2 !table-auto text-sm"  @row-select="onRowSelect">
+      <DataTable v-model:selection="select" :value="tableData" dataKey="label" breakpoint="0" tableClass="w-full !border-separate !border-spacing-x-2 !table-auto text-sm"  @row-select="onRowSelect">
         <ColumnGroup type="header">
           <Row>
               <Column selectionMode="single" headerClass="w-8 !p-2 !bg-neutral-10 !border-neutral-500 sticky top-0 left-0 z-10 bg-neutral-10"></Column>
diff --git a/src/components/Discover/table/actOccCase.vue b/src/components/Discover/table/actOccCase.vue
index dab4e62..c9cc34d 100644
--- a/src/components/Discover/table/actOccCase.vue
+++ b/src/components/Discover/table/actOccCase.vue
@@ -7,7 +7,7 @@
     </div>
     <!-- Table -->
     <div class="overflow-y-auto overflow-x-auto scrollbar -mx-2 h-[calc(100%_-_64px)]">
-      <DataTable v-model:selection="select" :value="data" tableClass="w-full !border-separate !border-spacing-x-2 !table-auto text-sm" @row-select="onRowSelect" @row-unselect="onRowUnselect" @row-select-all="onRowSelectAll" @row-unselect-all="onRowUnelectAll">
+      <DataTable v-model:selection="select" :value="data" breakpoint="0" tableClass="w-full !border-separate !border-spacing-x-2 !table-auto text-sm" @row-select="onRowSelect" @row-unselect="onRowUnselect" @row-select-all="onRowSelectAll" @row-unselect-all="onRowUnelectAll">
         <ColumnGroup type="header">
           <Row>
               <Column selectionMode="multiple" headerClass="w-8 !p-2 !bg-neutral-10 !border-neutral-500 sticky top-0 left-0 z-10 bg-neutral-10"></Column>