fix: refs #8388 update layout

src/pages/InvoiceIn/Card/InvoiceInDueDay.vue

@@ -115,6 +115,7 @@ async function setTaxableBase() {
 onBeforeMount(async () => await setTaxableBase());
 </script>
 <template>
+    <div class="invoice-in-due-day">
         <VnTable
             v-if="invoiceIn"
             ref="invoiceInDueDayTableRef"
@@ -139,18 +140,6 @@ onBeforeMount(async () => await setTaxableBase());
             :disable-option="{ card: true }"
             class="q-pa-none"
         >
-        <!-- <template #column-foreignValue="{ row }">
-            <VnInputNumber
-                :class="{
-                    'no-pointer-events': !isNotEuro(currency),
-                }"
-                :disable="!isNotEuro(currency)"
-                v-model="row.foreignValue"
-                dense
-                borderless
-                hide-bottom-space
-            />
-        </template> -->
             <template #column-footer-amount>
                 <QChip
                     dense
@@ -200,11 +189,21 @@ onBeforeMount(async () => await setTaxableBase());
                 {{ t('Create due day') }}
             </QTooltip>
         </QPageSticky>
+    </div>
 </template>
 <style lang="scss" scoped>
 .q-chip {
     color: var(--vn-text-color);
 }
+
+.invoice-in-due-day {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+:deep(.full-width) {
+    max-width: 900px;
+}
 </style>
 <i18n>
     es: