From 452b084cafcdc7b463c258a0e4b6ef2079d15c5a Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 27 Aug 2024 12:13:49 +0200
Subject: [PATCH] feat: change QBadge color

---
 src/pages/Customer/components/CustomerSummaryTable.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/Customer/components/CustomerSummaryTable.vue b/src/pages/Customer/components/CustomerSummaryTable.vue
index da310934d..fd41cdd35 100644
--- a/src/pages/Customer/components/CustomerSummaryTable.vue
+++ b/src/pages/Customer/components/CustomerSummaryTable.vue
@@ -48,15 +48,18 @@ const columns = computed(() => [
         align: 'left',
         label: t('Nickname'),
         name: 'nickname',
+        columnClass: 'expand',
     },
     {
         align: 'left',
         format: (row) => row.agencyMode.name,
+        columnClass: 'expand',
         label: t('Agency'),
     },
     {
         align: 'left',
         name: 'routeFk',
+        columnClass: 'shrink',
         label: t('Route'),
     },
     {
@@ -64,6 +67,7 @@ const columns = computed(() => [
         field: 'packages',
         label: t('Packages'),
         name: 'packages',
+        columnClass: 'shrink',
     },
     {
         align: 'left',
@@ -169,8 +173,8 @@ const setShippedColor = (date) => {
                 class="q-pa-sm"
                 v-if="setTotalPriceColor(row)"
                 :color="setTotalPriceColor(row)"
+                text-color="black"
             >
-                <!-- {{ setTotalPriceColor(row) }} -->
                 {{ toCurrency(row.totalWithVat) }}
             </QBadge>
             <span v-else> {{ toCurrency(row.totalWithVat) }}</span>
@@ -185,6 +189,7 @@ const setShippedColor = (date) => {
             <QBadge
                 class="q-pa-sm"
                 :color="setStateColor(row)"
+                text-color="black"
                 v-else-if="setStateColor(row)"
             >
                 {{ row?.ticketState?.state.name }}
@@ -195,6 +200,7 @@ const setShippedColor = (date) => {
             <QBadge
                 class="q-pa-sm"
                 :color="setShippedColor(row.shipped)"
+                text-color="black"
                 v-if="setShippedColor(row.shipped)"
             >
                 {{ toDateFormat(row.shipped) }}