fix(VnTable): create scss

src/components/VnTable/VnTable.vue

@@ -83,7 +83,6 @@ const tableModes = [
         icon: 'grid_view',
         title: t('grid view'),
         value: 'card',
-        disable: () => console.log('called'),
     },
 ];
 
@@ -233,7 +232,7 @@ defineExpose({
                 table-header-class="bg-header"
                 card-container-class="grid-three"
                 flat
-                :style="mode == 'table' && 'max-height: 92vh'"
+                :style="mode == 'table' && 'max-height: 90vh'"
                 virtual-scroll
                 @virtual-scroll="
                     (event) =>
@@ -468,11 +467,11 @@ defineExpose({
     </QDialog>
 </template>
 <i18n>
-    en:
-        status: Status
-    es:
-        status: Estados
-    </i18n>
+en:
+    status: Status
+es:
+    status: Estados
+</i18n>
 
 <style lang="scss">
 .bg-chip-secondary {

src/components/common/VnComponent.vue

@@ -1,14 +1,3 @@
-<template>
-    <span v-for="toComponent of componentArray" :key="toComponent.name">
-        <component
-            v-if="toComponent?.component"
-            :is="mix(toComponent).component"
-            v-bind="mix(toComponent).attrs"
-            v-on="mix(toComponent).event ?? {}"
-            v-model="model"
-        />
-    </span>
-</template>
 <script setup>
 import { computed, defineModel } from 'vue';
 
@@ -53,3 +42,19 @@ function toValueAttrs(attrs) {
     return typeof attrs == 'function' ? attrs($props.value) : attrs;
 }
 </script>
+<template>
+    <span
+        v-for="toComponent of componentArray"
+        :key="toComponent.name"
+        class="column flex-center fit"
+    >
+        <component
+            v-if="toComponent?.component"
+            :is="mix(toComponent).component"
+            v-bind="mix(toComponent).attrs"
+            v-on="mix(toComponent).event ?? {}"
+            v-model="model"
+            class="fit"
+        />
+    </span>
+</template>

src/pages/Customer/ExtendedList/CustomerExtendedList.vue

@@ -270,7 +270,7 @@ const columns = computed(() => [
         align: 'left',
         label: t('customer.extendedList.tableVisibleColumns.isEqualizated'),
         name: 'isEqualizated',
-        created: true,
+        create: true,
         columnFilter: {
             inWhere: true,
         },
@@ -399,6 +399,13 @@ function handleLocation(data, location) {
         auto-load
     >
         <template #more-create-dialog="{ data }">
+            <VnLocation
+                :roles-allowed-to-create="['deliveryAssistant']"
+                :options="postcodesOptions"
+                v-model="data.location"
+                @update:model-value="(location) => handleLocation(data, location)"
+            />
+            <QInput v-model="data.userName" :label="t('Web user')" />
             <QInput :label="t('Email')" clearable type="email" v-model="data.email">
                 <template #append>
                     <QIcon name="info" class="cursor-info">
@@ -408,18 +415,13 @@ function handleLocation(data, location) {
                     </QIcon>
                 </template>
             </QInput>
-            <QInput v-model="data.userName" :label="t('Web user')" />
-            <VnLocation
-                :roles-allowed-to-create="['deliveryAssistant']"
-                :options="postcodesOptions"
-                v-model="data.location"
-                @update:model-value="(location) => handleLocation(data, location)"
-            >
-            </VnLocation>
         </template>
     </VnTable>
 </template>
-
+<i18n>
+es:
+    Web user: Usuario Web
+</i18n>
 <style lang="scss" scoped>
 .col-content {
     border-radius: 4px;