From 455a05481c967023f538b410454c41636bfefcc9 Mon Sep 17 00:00:00 2001
From: Muhsin Keloth <muhsinkeramam@gmail.com>
Date: Tue, 9 Apr 2024 10:59:05 +0530
Subject: [PATCH] fix: Remove background color from table footer (#9213)

* fix: remove bg from footer

* Update SLATable.vue

* Update app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLATable.vue

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>

---------

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
---
 app/javascript/dashboard/components/widgets/TableFooter.vue  | 2 +-
 .../routes/dashboard/helpcenter/components/ArticleTable.vue  | 2 +-
 .../dashboard/settings/reports/components/SLA/SLATable.vue   | 5 ++---
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/javascript/dashboard/components/widgets/TableFooter.vue b/app/javascript/dashboard/components/widgets/TableFooter.vue
index c0683d5a2..b3a671771 100644
--- a/app/javascript/dashboard/components/widgets/TableFooter.vue
+++ b/app/javascript/dashboard/components/widgets/TableFooter.vue
@@ -1,7 +1,7 @@
 <template>
   <footer
     v-if="isFooterVisible"
-    class="bg-white dark:bg-slate-900 h-12 flex items-center justify-between px-6"
+    class="h-12 flex items-center justify-between px-6"
   >
     <table-footer-results
       :first-index="firstIndex"
diff --git a/app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleTable.vue b/app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleTable.vue
index 8744a9851..1e8c2e92c 100644
--- a/app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleTable.vue
+++ b/app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleTable.vue
@@ -59,7 +59,7 @@
       :current-page="currentPage"
       :total-count="totalCount"
       :page-size="pageSize"
-      class="dark:bg-slate-900 sticky bottom-0 border-t border-slate-75 dark:border-slate-700/50"
+      class="dark:bg-slate-900 bottom-0 border-t border-slate-75 dark:border-slate-700/50"
       @page-change="onPageChange"
     />
   </div>
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLATable.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLATable.vue
index b761c699a..61ac3056f 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLATable.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLATable.vue
@@ -23,7 +23,7 @@
 
       <div
         v-if="isLoading"
-        class="flex items-center justify-center h-32 bg-white dark:bg-slate-900"
+        class="flex items-center rounded-b-xl justify-center h-32 bg-white dark:bg-slate-900"
       >
         <spinner />
         <span>{{ $t('SLA_REPORTS.LOADING') }}</span>
@@ -40,7 +40,7 @@
       </div>
       <div
         v-else
-        class="flex items-center justify-center h-32 bg-white dark:bg-slate-900"
+        class="flex items-center justify-center rounded-b-xl h-32 bg-white dark:bg-slate-900"
       >
         {{ $t('SLA_REPORTS.NO_RECORDS') }}
       </div>
@@ -50,7 +50,6 @@
       :current-page="currentPage"
       :total-count="totalCount"
       :page-size="pageSize"
-      class="bg-slate-25 dark:bg-slate-900 sticky bottom-0 border-none mt-4"
       @page-change="onPageChange"
     />
   </div>