From 2a27784b4938eff8a54bb19a1188ad1873ef4332 Mon Sep 17 00:00:00 2001
From: jtubau <jtubau@verdnatura.es>
Date: Thu, 13 Feb 2025 17:09:46 +0100
Subject: [PATCH] refactor: refs #8472 update class names from q-span-2 to
 col-span-2 for consistency in layout

---
 src/components/VnTable/VnTable.vue      | 7 +++----
 src/pages/InvoiceOut/InvoiceOutList.vue | 3 +--
 src/pages/Supplier/SupplierList.vue     | 7 ++++++-
 src/pages/Worker/WorkerList.vue         | 2 +-
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 3202b18b3..21d237d2d 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -725,10 +725,9 @@ es:
     max-width: 100%;
     grid-gap: 20px;
     margin: 0 auto;
-}
-
-.q-span-2 {
-    grid-column: span 2;
+    .col-span-2 {
+        grid-column: span 2;
+    }
 }
 
 .flex-one {
diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index 3473574f3..1ab535835 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -232,7 +232,7 @@ watchEffect(selectedRows);
                     </span>
                 </template>
                 <template #more-create-dialog="{ data }">
-                    <div class="row q-col-gutter-xs q-span-2">
+                    <div class="row q-col-gutter-xs col-span-2">
                         <div class="col-12">
                             <div class="q-col-gutter-xs">
                                 <VnRow fixed>
@@ -430,7 +430,6 @@ watchEffect(selectedRows);
         flex: 0.75;
     }
 }
-
 </style>
 
 <i18n>
diff --git a/src/pages/Supplier/SupplierList.vue b/src/pages/Supplier/SupplierList.vue
index 74cd8b397..12537552d 100644
--- a/src/pages/Supplier/SupplierList.vue
+++ b/src/pages/Supplier/SupplierList.vue
@@ -133,7 +133,12 @@ const columns = computed(() => [
         :columns="columns"
     >
         <template #more-create-dialog="{ data }">
-            <VnInput class="q-span-2" :label="t('globals.name')" v-model="data.socialName" :uppercase="true" />
+            <VnInput
+                class="col-span-2"
+                :label="t('globals.name')"
+                v-model="data.socialName"
+                :uppercase="true"
+            />
         </template>
     </VnTable>
 </template>
diff --git a/src/pages/Worker/WorkerList.vue b/src/pages/Worker/WorkerList.vue
index 75700ef16..363c87cfb 100644
--- a/src/pages/Worker/WorkerList.vue
+++ b/src/pages/Worker/WorkerList.vue
@@ -223,7 +223,7 @@ async function autofillBic(worker) {
                 :right-search="false"
             >
                 <template #more-create-dialog="{ data }">
-                    <div class="q-span-2">
+                    <div class="col-span-2">
                         <VnRadio
                             v-model="data.isFreelance"
                             :val="false"