refactor: refs #8472 unified styling for the more-create-dialog slot to ensure consistency across all scenarios

src/components/VnTable/VnTable.vue

@@ -721,12 +721,16 @@ es:
 
 .grid-create {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(150px, max-content));
+    grid-template-columns: 1fr 1fr;
     max-width: 100%;
     grid-gap: 20px;
     margin: 0 auto;
 }
 
+.q-span-2 {
+    grid-column: span 2;
+}
+
 .flex-one {
     display: flex;
     flex-flow: row wrap;

src/pages/Account/AccountList.vue

@@ -167,14 +167,12 @@ function exprBuilder(param, value) {
                 :right-search="false"
             >
                 <template #more-create-dialog="{ data }">
-                    <QCardSection>
                         <VnInputPassword
                             :label="t('Password')"
                             v-model="data.password"
                             :required="true"
                             autocomplete="new-password"
                         />
-                    </QCardSection>
                 </template>
             </VnTable>
         </template>

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">
+                    <div class="row q-col-gutter-xs q-span-2">
                         <div class="col-12">
                             <div class="q-col-gutter-xs">
                                 <VnRow fixed>
@@ -430,6 +430,7 @@ watchEffect(selectedRows);
         flex: 0.75;
     }
 }
+
 </style>
 
 <i18n>

src/pages/Supplier/SupplierList.vue

@@ -133,8 +133,10 @@ const columns = computed(() => [
         :columns="columns"
     >
         <template #more-create-dialog="{ data }">
-            <VnInput :label="t('globals.name')" v-model="data.socialName" :uppercase="true" />
-            </template>
+            <div class="q-span-2">
+                <VnInput :label="t('globals.name')" v-model="data.socialName" :uppercase="true" />
+            </div>
+        </template>
     </VnTable>
 </template>
 

src/pages/Wagon/WagonList.vue

@@ -111,7 +111,6 @@ async function remove(row) {
         >
             <template #more-create-dialog="{ data }">
                 <VnInput
-                    filled
                     v-model="data.label"
                     :label="t('wagon.create.label')"
                     type="number"
@@ -119,13 +118,11 @@ async function remove(row) {
                     :rules="[(val) => !!val || t('wagon.warnings.labelNotEmpty')]"
                 />
                 <VnInput
-                    filled
                     v-model="data.plate"
                     :label="t('wagon.list.plate')"
                     :rules="[(val) => !!val || t('wagon.warnings.plateNotEmpty')]"
                 />
                 <VnInput
-                    filled
                     v-model="data.volume"
                     :label="t('wagon.list.volume')"
                     type="number"
@@ -134,7 +131,6 @@ async function remove(row) {
                 />
                 <VnSelect
                     url="WagonTypes"
-                    filled
                     v-model="data.typeFk"
                     use-input
                     fill-input

src/pages/Worker/WorkerList.vue

@@ -223,7 +223,7 @@ async function autofillBic(worker) {
                 :right-search="false"
             >
                 <template #more-create-dialog="{ data }">
-                    <div class="q-pa-lg full-width">
+                    <div class="q-span-2">
                         <VnRadio
                             v-model="data.isFreelance"
                             :val="false"