refactor: refs #8472 update class names from q-span-2 to col-span-2 for consistency in layout

src/components/VnTable/VnTable.vue

@@ -725,11 +725,10 @@ es:
     max-width: 100%;
     grid-gap: 20px;
     margin: 0 auto;
-}
+    .col-span-2 {
-
-.q-span-2 {
         grid-column: span 2;
     }
+}
 
 .flex-one {
     display: flex;

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>

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>

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"