From e49a9f4165736b63aef428131922404e0ca1d6dc Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 5 Feb 2024 15:39:53 +0100
Subject: [PATCH 1/7] feat: refs #6317 create vnCurrency

---
 src/components/common/VnCurrency.vue          | 34 +++++++++++++++++++
 .../Payments/CustomerPaymentsFilter.vue       | 23 ++-----------
 2 files changed, 36 insertions(+), 21 deletions(-)
 create mode 100644 src/components/common/VnCurrency.vue

diff --git a/src/components/common/VnCurrency.vue b/src/components/common/VnCurrency.vue
new file mode 100644
index 000000000..9e08f4500
--- /dev/null
+++ b/src/components/common/VnCurrency.vue
@@ -0,0 +1,34 @@
+<script setup>
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import VnInput from 'src/components/common/VnInput.vue';
+import { useFirstUpper } from 'src/composables/useFirstUpper';
+
+const { t } = useI18n();
+const amount = ref();
+
+const isValidNumber = (value) => /^(\d|\d+(\.)?\d+)$/.test(value);
+</script>
+<template>
+    <VnInput
+        :label="useFirstUpper(t('amount'))"
+        v-model="amount"
+        is-outlined
+        @update:model-value="
+            (value) => {
+                if (value.includes(',')) amount.value = amount.replace(',', '.');
+            }
+        "
+        :rules="[(val) => isValidNumber(val) || !val || 'Please type a number']"
+        lazy-rules
+    >
+        <template #prepend>
+            <QIcon name="euro" size="sm" />
+        </template>
+    </VnInput>
+</template>
+<style lang="scss" scoped></style>
+<i18n>
+es:
+    amount: importe
+</i18n>
diff --git a/src/pages/Customer/Payments/CustomerPaymentsFilter.vue b/src/pages/Customer/Payments/CustomerPaymentsFilter.vue
index 74ea2c203..a45bc4f8c 100644
--- a/src/pages/Customer/Payments/CustomerPaymentsFilter.vue
+++ b/src/pages/Customer/Payments/CustomerPaymentsFilter.vue
@@ -1,9 +1,9 @@
 <script setup>
 import { useI18n } from 'vue-i18n';
-
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
+import VnCurrency from 'src/components/common/VnCurrency.vue';
 
 const { t } = useI18n();
 const props = defineProps({
@@ -51,28 +51,9 @@ function isValidNumber(value) {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        :label="t('Amount')"
-                        v-model="params.amount"
-                        is-outlined
-                        @update:model-value="
-                            (value) => {
-                                if (value.includes(','))
-                                    params.amount = params.amount.replace(',', '.');
-                            }
-                        "
-                        :rules="[
-                            (val) => isValidNumber(val) || !val || 'Please type a number',
-                        ]"
-                        lazy-rules
-                    >
-                        <template #prepend>
-                            <QIcon name="euro" size="sm" />
-                        </template>
-                    </VnInput>
+                    <VnCurrency v-model="params.amount" />
                 </QItemSection>
             </QItem>
-
             <QItem>
                 <QItemSection>
                     <VnInputDate v-model="params.from" :label="t('From')" is-outlined />

From 7db177ccba705f86a02f853e259409189602f338 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 15 Feb 2024 09:43:01 +0100
Subject: [PATCH 2/7] feat: refs #6317 create VnCurrency & useValidNumber

---
 src/components/common/VnCurrency.vue          | 42 ++++++++++++-------
 src/composables/useValidNumber.js             |  3 ++
 .../Payments/CustomerPaymentsFilter.vue       |  4 --
 src/pages/InvoiceIn/Card/InvoiceInDueDay.vue  |  7 +++-
 src/pages/InvoiceIn/InvoiceInFilter.vue       | 12 +-----
 src/pages/InvoiceOut/InvoiceOutFilter.vue     |  8 +++-
 .../InvoiceOutNegativeBasesFilter.vue         |  5 ++-
 7 files changed, 48 insertions(+), 33 deletions(-)
 create mode 100644 src/composables/useValidNumber.js

diff --git a/src/components/common/VnCurrency.vue b/src/components/common/VnCurrency.vue
index 9e08f4500..a97eb196a 100644
--- a/src/components/common/VnCurrency.vue
+++ b/src/components/common/VnCurrency.vue
@@ -1,33 +1,45 @@
 <script setup>
-import { ref } from 'vue';
+import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { useCapitalize } from 'src/composables/useCapitalize';
+import { useValidNumber } from 'src/composables/useValidNumber';
 import VnInput from 'src/components/common/VnInput.vue';
-import { useFirstUpper } from 'src/composables/useFirstUpper';
+
+const props = defineProps({
+    modelValue: { type: String, default: '' },
+    currency: { type: String, default: 'euro' },
+    icon: { type: Boolean, default: false },
+});
 
 const { t } = useI18n();
-const amount = ref();
+const emit = defineEmits(['update:modelValue']);
 
-const isValidNumber = (value) => /^(\d|\d+(\.)?\d+)$/.test(value);
+const amount = computed({
+    get() {
+        return props.modelValue;
+    },
+    set(val) {
+        emit('update:modelValue', val.replaceAll(',', '.'));
+    },
+});
 </script>
 <template>
     <VnInput
-        :label="useFirstUpper(t('amount'))"
         v-model="amount"
+        :label="useCapitalize(t('amount'))"
+        :rules="[(val) => useValidNumber(val) || !val]"
         is-outlined
-        @update:model-value="
-            (value) => {
-                if (value.includes(',')) amount.value = amount.replace(',', '.');
-            }
-        "
-        :rules="[(val) => isValidNumber(val) || !val || 'Please type a number']"
-        lazy-rules
     >
-        <template #prepend>
-            <QIcon name="euro" size="sm" />
+        <template #prepend v-if="icon">
+            <QIcon :name="currency" size="sm" />
         </template>
     </VnInput>
 </template>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.q-input {
+    max-height: 44px;
+}
+</style>
 <i18n>
 es:
     amount: importe
diff --git a/src/composables/useValidNumber.js b/src/composables/useValidNumber.js
new file mode 100644
index 000000000..32b1aba04
--- /dev/null
+++ b/src/composables/useValidNumber.js
@@ -0,0 +1,3 @@
+export function useValidNumber(value) {
+    return /^(\d|\d+(\.)?\d+)$/.test(value);
+}
diff --git a/src/pages/Customer/Payments/CustomerPaymentsFilter.vue b/src/pages/Customer/Payments/CustomerPaymentsFilter.vue
index a45bc4f8c..b49fccce0 100644
--- a/src/pages/Customer/Payments/CustomerPaymentsFilter.vue
+++ b/src/pages/Customer/Payments/CustomerPaymentsFilter.vue
@@ -12,10 +12,6 @@ const props = defineProps({
         required: true,
     },
 });
-
-function isValidNumber(value) {
-    return /^(\d|\d+(\.|,)?\d+)$/.test(value);
-}
 </script>
 
 <template>
diff --git a/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue b/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
index e240e9a8c..48c166191 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
@@ -158,7 +158,12 @@ async function insert() {
                 </template>
                 <template #body-cell-amount="{ row }">
                     <QTd>
-                        <QInput v-model="row.amount" clearable clear-icon="close" />
+                        <QInput
+                            v-model="row.amount"
+                            type="number"
+                            clearable
+                            clear-icon="close"
+                        />
                     </QTd>
                 </template>
                 <template #body-cell-foreignvalue="{ row }">
diff --git a/src/pages/InvoiceIn/InvoiceInFilter.vue b/src/pages/InvoiceIn/InvoiceInFilter.vue
index 8bf007235..ae7f6a3a5 100644
--- a/src/pages/InvoiceIn/InvoiceInFilter.vue
+++ b/src/pages/InvoiceIn/InvoiceInFilter.vue
@@ -8,6 +8,7 @@ import FetchData from 'components/FetchData.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 import { useCapitalize } from 'src/composables/useCapitalize';
+import VnCurrency from 'src/components/common/VnCurrency.vue';
 
 const { t } = useI18n();
 const props = defineProps({
@@ -137,16 +138,7 @@ const suppliersRef = ref();
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput
-                        :label="t('Amount')"
-                        v-model="params.amount"
-                        is-outlined
-                        lazy-rules
-                    >
-                        <template #prepend>
-                            <QIcon name="euro" size="sm"></QIcon>
-                        </template>
-                    </VnInput>
+                    <VnCurrency v-model="params.amount" />
                 </QItemSection>
             </QItem>
             <QItem class="q-mb-md">
diff --git a/src/pages/InvoiceOut/InvoiceOutFilter.vue b/src/pages/InvoiceOut/InvoiceOutFilter.vue
index f8a430b51..306200a93 100644
--- a/src/pages/InvoiceOut/InvoiceOutFilter.vue
+++ b/src/pages/InvoiceOut/InvoiceOutFilter.vue
@@ -6,6 +6,7 @@ import FetchData from 'components/FetchData.vue';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
+import VnCurrency from 'src/components/common/VnCurrency.vue';
 
 const { t } = useI18n();
 const props = defineProps({
@@ -57,7 +58,12 @@ function setWorkers(data) {
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput :label="t('Amount')" v-model="params.amount" is-outlined />
+                    <VnCurrency
+                        :label="t('Amount')"
+                        v-model="params.amount"
+                        is-outlined
+                        :icon="false"
+                    />
                 </QItemSection>
             </QItem>
             <QItem>
diff --git a/src/pages/InvoiceOut/InvoiceOutNegativeBasesFilter.vue b/src/pages/InvoiceOut/InvoiceOutNegativeBasesFilter.vue
index 3adfa1d13..5d6752d1b 100644
--- a/src/pages/InvoiceOut/InvoiceOutNegativeBasesFilter.vue
+++ b/src/pages/InvoiceOut/InvoiceOutNegativeBasesFilter.vue
@@ -4,6 +4,7 @@ import { useI18n } from 'vue-i18n';
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
+import VnCurrency from 'src/components/common/VnCurrency.vue';
 
 const { t } = useI18n();
 const props = defineProps({
@@ -84,10 +85,10 @@ const props = defineProps({
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnInput
+                    <VnCurrency
                         v-model="params.amount"
                         :label="t('invoiceOut.negativeBases.amount')"
-                        is-outlined
+                        :icon="false"
                     />
                 </QItemSection>
             </QItem>

From c6e9ae2c5f8d7140f3faca0ed7a6499d4964fcd1 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 19 Feb 2024 10:56:47 +0100
Subject: [PATCH 3/7] fix: refs #6317 validation % fix e2e

---
 src/components/common/VnCurrency.vue                  | 11 +++--------
 src/composables/useValidNumber.js                     |  3 ---
 src/pages/InvoiceIn/Card/InvoiceInDueDay.vue          |  5 +++--
 .../integration/invoiceIn/invoiceInList.spec.js       |  2 ++
 4 files changed, 8 insertions(+), 13 deletions(-)
 delete mode 100644 src/composables/useValidNumber.js

diff --git a/src/components/common/VnCurrency.vue b/src/components/common/VnCurrency.vue
index a97eb196a..0466f7e3a 100644
--- a/src/components/common/VnCurrency.vue
+++ b/src/components/common/VnCurrency.vue
@@ -2,7 +2,6 @@
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useCapitalize } from 'src/composables/useCapitalize';
-import { useValidNumber } from 'src/composables/useValidNumber';
 import VnInput from 'src/components/common/VnInput.vue';
 
 const props = defineProps({
@@ -19,15 +18,16 @@ const amount = computed({
         return props.modelValue;
     },
     set(val) {
-        emit('update:modelValue', val.replaceAll(',', '.'));
+        emit('update:modelValue', val);
     },
 });
 </script>
 <template>
     <VnInput
         v-model="amount"
+        type="number"
+        step="any"
         :label="useCapitalize(t('amount'))"
-        :rules="[(val) => useValidNumber(val) || !val]"
         is-outlined
     >
         <template #prepend v-if="icon">
@@ -35,11 +35,6 @@ const amount = computed({
         </template>
     </VnInput>
 </template>
-<style lang="scss" scoped>
-.q-input {
-    max-height: 44px;
-}
-</style>
 <i18n>
 es:
     amount: importe
diff --git a/src/composables/useValidNumber.js b/src/composables/useValidNumber.js
deleted file mode 100644
index 32b1aba04..000000000
--- a/src/composables/useValidNumber.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export function useValidNumber(value) {
-    return /^(\d|\d+(\.)?\d+)$/.test(value);
-}
diff --git a/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue b/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
index 48c166191..edfd93a2e 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
@@ -8,6 +8,7 @@ import { useArrayData } from 'src/composables/useArrayData';
 import CrudModel from 'src/components/CrudModel.vue';
 import FetchData from 'src/components/FetchData.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnCurrency from 'src/components/common/VnCurrency.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -158,9 +159,9 @@ async function insert() {
                 </template>
                 <template #body-cell-amount="{ row }">
                     <QTd>
-                        <QInput
+                        <VnCurrency
                             v-model="row.amount"
-                            type="number"
+                            :is-outlined="false"
                             clearable
                             clear-icon="close"
                         />
diff --git a/test/cypress/integration/invoiceIn/invoiceInList.spec.js b/test/cypress/integration/invoiceIn/invoiceInList.spec.js
index b96fd0cf2..ce79dc976 100644
--- a/test/cypress/integration/invoiceIn/invoiceInList.spec.js
+++ b/test/cypress/integration/invoiceIn/invoiceInList.spec.js
@@ -5,10 +5,12 @@ describe('InvoiceInList', () => {
         ':nth-child(1) > :nth-child(1) > .justify-between > .flex > .q-chip > .q-chip__content';
     const firstDetailBtn = '.q-card:nth-child(1) .q-btn:nth-child(2)';
     const summaryHeaders = '.summaryBody .header';
+    const screen = '.q-page-container > .q-drawer-container > .fullscreen';
 
     beforeEach(() => {
         cy.login('developer');
         cy.visit(`/#/invoice-in/list`);
+        cy.get(screen).click();
     });
 
     it('should redirect on clicking a invoice', () => {

From cbf9bff0e33ab8a9fb3b6a0ec4ce74950c1b74fa Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 29 Feb 2024 15:22:41 +0100
Subject: [PATCH 4/7] fix: refs #6315 drop icon

---
 src/components/common/VnCurrency.vue            |  8 +-------
 .../Payments/CustomerPaymentsFilter.vue         |  2 +-
 src/pages/InvoiceIn/Card/InvoiceInVat.vue       | 17 +++++------------
 src/pages/InvoiceIn/InvoiceInFilter.vue         |  2 +-
 .../InvoiceOutNegativeBasesFilter.vue           |  2 +-
 5 files changed, 9 insertions(+), 22 deletions(-)

diff --git a/src/components/common/VnCurrency.vue b/src/components/common/VnCurrency.vue
index 0466f7e3a..ff196d599 100644
--- a/src/components/common/VnCurrency.vue
+++ b/src/components/common/VnCurrency.vue
@@ -6,7 +6,6 @@ import VnInput from 'src/components/common/VnInput.vue';
 
 const props = defineProps({
     modelValue: { type: String, default: '' },
-    currency: { type: String, default: 'euro' },
     icon: { type: Boolean, default: false },
 });
 
@@ -28,12 +27,7 @@ const amount = computed({
         type="number"
         step="any"
         :label="useCapitalize(t('amount'))"
-        is-outlined
-    >
-        <template #prepend v-if="icon">
-            <QIcon :name="currency" size="sm" />
-        </template>
-    </VnInput>
+    />
 </template>
 <i18n>
 es:
diff --git a/src/pages/Customer/Payments/CustomerPaymentsFilter.vue b/src/pages/Customer/Payments/CustomerPaymentsFilter.vue
index b49fccce0..1b79868c0 100644
--- a/src/pages/Customer/Payments/CustomerPaymentsFilter.vue
+++ b/src/pages/Customer/Payments/CustomerPaymentsFilter.vue
@@ -47,7 +47,7 @@ const props = defineProps({
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnCurrency v-model="params.amount" />
+                    <VnCurrency v-model="params.amount" is-outlined />
                 </QItemSection>
             </QItem>
             <QItem>
diff --git a/src/pages/InvoiceIn/Card/InvoiceInVat.vue b/src/pages/InvoiceIn/Card/InvoiceInVat.vue
index d8e742706..8915a96ec 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInVat.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInVat.vue
@@ -9,6 +9,7 @@ import { toCurrency } from 'src/filters';
 import FetchData from 'src/components/FetchData.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import CrudModel from 'src/components/CrudModel.vue';
+import VnCurrency from 'src/components/common/VnCurrency.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -225,7 +226,7 @@ async function addExpense() {
                 </template>
                 <template #body-cell-taxablebase="{ row }">
                     <QTd>
-                        <QInput
+                        <VnCurrency
                             :class="{
                                 'no-pointer-events': isNotEuro(invoiceIn.currency.code),
                             }"
@@ -234,11 +235,7 @@ async function addExpense() {
                             clear-icon="close"
                             v-model="row.taxableBase"
                             clearable
-                        >
-                            <template #prepend>
-                                <QIcon name="euro" size="xs" flat />
-                            </template>
-                        </QInput>
+                        />
                     </QTd>
                 </template>
                 <template #body-cell-sageiva="{ row, col }">
@@ -328,7 +325,7 @@ async function addExpense() {
                                     </VnSelectFilter>
                                 </QItem>
                                 <QItem>
-                                    <QInput
+                                    <VnCurrency
                                         :label="t('Taxable base')"
                                         :class="{
                                             'no-pointer-events': isNotEuro(
@@ -340,11 +337,7 @@ async function addExpense() {
                                         clear-icon="close"
                                         v-model="props.row.taxableBase"
                                         clearable
-                                    >
-                                        <template #append>
-                                            <QIcon name="euro" size="xs" flat />
-                                        </template>
-                                    </QInput>
+                                    />
                                 </QItem>
                                 <QItem>
                                     <VnSelectFilter
diff --git a/src/pages/InvoiceIn/InvoiceInFilter.vue b/src/pages/InvoiceIn/InvoiceInFilter.vue
index ae7f6a3a5..8f8213f1c 100644
--- a/src/pages/InvoiceIn/InvoiceInFilter.vue
+++ b/src/pages/InvoiceIn/InvoiceInFilter.vue
@@ -138,7 +138,7 @@ const suppliersRef = ref();
             </QItem>
             <QItem>
                 <QItemSection>
-                    <VnCurrency v-model="params.amount" />
+                    <VnCurrency v-model="params.amount" is-outlined />
                 </QItemSection>
             </QItem>
             <QItem class="q-mb-md">
diff --git a/src/pages/InvoiceOut/InvoiceOutNegativeBasesFilter.vue b/src/pages/InvoiceOut/InvoiceOutNegativeBasesFilter.vue
index 5d6752d1b..66b9257a0 100644
--- a/src/pages/InvoiceOut/InvoiceOutNegativeBasesFilter.vue
+++ b/src/pages/InvoiceOut/InvoiceOutNegativeBasesFilter.vue
@@ -88,7 +88,7 @@ const props = defineProps({
                     <VnCurrency
                         v-model="params.amount"
                         :label="t('invoiceOut.negativeBases.amount')"
-                        :icon="false"
+                        is-outlined
                     />
                 </QItemSection>
             </QItem>

From 3a1ba0bc17f11e4708d9c99ac1f46199c68ad9b1 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 29 Feb 2024 15:35:58 +0100
Subject: [PATCH 5/7] fix: refs #6315 drop icon prop

---
 src/components/common/VnCurrency.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/common/VnCurrency.vue b/src/components/common/VnCurrency.vue
index ff196d599..660c4e979 100644
--- a/src/components/common/VnCurrency.vue
+++ b/src/components/common/VnCurrency.vue
@@ -6,7 +6,6 @@ import VnInput from 'src/components/common/VnInput.vue';
 
 const props = defineProps({
     modelValue: { type: String, default: '' },
-    icon: { type: Boolean, default: false },
 });
 
 const { t } = useI18n();

From 4b68f5224f9af83b710af9c8a3e7a4772e4eaaec Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 29 Feb 2024 15:45:07 +0100
Subject: [PATCH 6/7] fix: refs #6315 drop icon prop

---
 src/pages/InvoiceOut/InvoiceOutFilter.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/InvoiceOut/InvoiceOutFilter.vue b/src/pages/InvoiceOut/InvoiceOutFilter.vue
index 306200a93..985bfb085 100644
--- a/src/pages/InvoiceOut/InvoiceOutFilter.vue
+++ b/src/pages/InvoiceOut/InvoiceOutFilter.vue
@@ -62,7 +62,6 @@ function setWorkers(data) {
                         :label="t('Amount')"
                         v-model="params.amount"
                         is-outlined
-                        :icon="false"
                     />
                 </QItemSection>
             </QItem>

From 8523256faf9b85a702565cf048a70f6bc6b4d9f1 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 29 Feb 2024 15:51:18 +0100
Subject: [PATCH 7/7] fix: refs #6315 remove test patch

---
 test/cypress/integration/invoiceIn/invoiceInList.spec.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/test/cypress/integration/invoiceIn/invoiceInList.spec.js b/test/cypress/integration/invoiceIn/invoiceInList.spec.js
index 7b6976623..ce79dc976 100644
--- a/test/cypress/integration/invoiceIn/invoiceInList.spec.js
+++ b/test/cypress/integration/invoiceIn/invoiceInList.spec.js
@@ -8,7 +8,6 @@ describe('InvoiceInList', () => {
     const screen = '.q-page-container > .q-drawer-container > .fullscreen';
 
     beforeEach(() => {
-        cy.viewport(1920, 1080);
         cy.login('developer');
         cy.visit(`/#/invoice-in/list`);
         cy.get(screen).click();