From b06accb14f034828b749f7ca1d6782494a8e717a Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Mon, 11 Aug 2025 19:27:21 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feature:=20Data=20table=20component?=
 =?UTF-8?q?=20updated?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/table/VDataTable.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/table/VDataTable.vue b/src/components/table/VDataTable.vue
index 0cfc831..ec59704 100644
--- a/src/components/table/VDataTable.vue
+++ b/src/components/table/VDataTable.vue
@@ -419,27 +419,28 @@ watch(localEditingRows, (newVal) => {
     <template #empty>
       <div class="datatable-empty" :class="[styles['text-body-SM-detail-text-Regular']]">
         <i class="ri-database-line database-icon"></i>
-        <p> Aucune donnée trouvée. </p>
+        <span> Aucune donnée trouvée. </span>
       </div>
     </template>
   </DataTable>
 </template>
 
 <style lang="css" scoped>
-.p-datatable{
-  box-sizing: border-box;
-}
-
 .datatable-empty{
+  height: fit-content;
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin-top: 1rem;
+  box-sizing: border-box;
   gap: 1.5rem;
+  margin-top: 1.5rem;
 }
 
 .database-icon{
-  font-size: 5rem;
+  padding: 0px;
+  margin: 0px;
+  display: block;
   color: var(--border-contrast-grey);
+  font-size: 5rem;
 }
 </style>