Cellule-financiere-transverse-PMO/visua-vue
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ feature: Data table component updated

Browse Source
This commit is contained in:
Paul Valerie GOMA 2025-08-11 19:27:21 +02:00
parent 9e3067627c
commit b06accb14f
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/table/VDataTable.vue
View File

@ -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>