From e6756aebee9b7f34fe4179eb2e085499958ef0e7 Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Fri, 11 Oct 2024 11:39:28 +0200
Subject: [PATCH] fix: refs #8004 vnTable card with and add permanent labels

---
 src/components/VnTable/VnTable.vue | 10 ++--------
 src/components/ui/VnLv.vue         |  2 +-
 src/pages/Entry/EntryList.vue      |  6 ++++--
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 7d45fcfec..a6edf8d87 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -629,13 +629,7 @@ function handleOnDataSaved(_) {
                                         :key="col.name"
                                         class="fields"
                                     >
-                                        <VnLv
-                                            :label="
-                                                !col.component && col.label
-                                                    ? `${col.label}:`
-                                                    : ''
-                                            "
-                                        >
+                                        <VnLv :label="col.label + ':'">
                                             <template #value>
                                                 <span
                                                     @click="stopEventPropagation($event)"
@@ -775,7 +769,7 @@ es:
 
 .grid-three {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(400px, max-content));
+    grid-template-columns: repeat(auto-fit, minmax(350px, max-content));
     max-width: 100%;
     grid-gap: 20px;
     margin: 0 auto;
diff --git a/src/components/ui/VnLv.vue b/src/components/ui/VnLv.vue
index ff65f759b..a198c9c05 100644
--- a/src/components/ui/VnLv.vue
+++ b/src/components/ui/VnLv.vue
@@ -39,7 +39,7 @@ const val = computed(() => $props.value);
         <template v-else>
             <div v-if="label || $slots.label" class="label">
                 <slot name="label">
-                    <span>{{ label }}</span>
+                    <span style="color: var(--vn-label-color)">{{ label }}</span>
                 </slot>
             </div>
             <div class="value">
diff --git a/src/pages/Entry/EntryList.vue b/src/pages/Entry/EntryList.vue
index 46eff78d7..5ccda43de 100644
--- a/src/pages/Entry/EntryList.vue
+++ b/src/pages/Entry/EntryList.vue
@@ -45,8 +45,10 @@ const columns = computed(() => [
         align: 'left',
         label: t('entry.list.tableVisibleColumns.id'),
         name: 'id',
-        isTitle: true,
-        cardVisible: true,
+        isId: true,
+        chip: {
+            condition: () => true,
+        },
     },
     {
         align: 'left',