From c1ffd348d635807675f6b838873bd704cd700a59 Mon Sep 17 00:00:00 2001
From: Joseph Ojoko <entewshi@gmail.com>
Date: Thu, 11 Apr 2024 16:09:58 +0100
Subject: [PATCH] fix(DataTable): fix height of loading and empty table content
 to avoid ui jump

---
 src/components/tables/DataTable.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/tables/DataTable.vue b/src/components/tables/DataTable.vue
index 1b8fec9..49b3ffe 100644
--- a/src/components/tables/DataTable.vue
+++ b/src/components/tables/DataTable.vue
@@ -1390,10 +1390,10 @@ onMounted(() => {
           }
 
           .empty {
-            @apply flex flex-col space-y-3 items-center justify-center flex-1 py-2;
+            @apply flex flex-col gap-3 items-center justify-center flex-1 min-h-[4.4rem];
 
             &__label {
-              @apply text-body-1 font-bold text-center text-current pb-0 mb-0;
+              @apply text-body-1 leading-none font-bold text-center text-current pb-0 mb-0;
             }
 
             &__description {