refactor: #6988 changed ticket summary view and fixed notes functionality

src/css/app.scss

@@ -110,4 +110,4 @@ input::-webkit-inner-spin-button {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
-}
+}

src/pages/Ticket/Card/TicketSummary.vue

@@ -130,22 +130,6 @@ async function changeState(value) {
             </QBtnDropdown>
         </template>
         <template #body>
-            <QCard class="vn-max">
-                <div class="taxes">
-                    <VnLv
-                        :label="t('ticket.summary.subtotal')"
-                        :value="toCurrency(ticket.totalWithoutVat)"
-                    />
-                    <VnLv
-                        :label="t('ticket.summary.vat')"
-                        :value="toCurrency(ticket.totalWithVat - ticket.totalWithoutVat)"
-                    />
-                    <VnLv
-                        :label="t('ticket.summary.total')"
-                        :value="toCurrency(ticket.totalWithVat)"
-                    />
-                </div>
-            </QCard>
             <QCard class="vn-one">
                 <a class="header header-link" :href="ticketUrl + 'basic-data/step-one'">
                     {{ t('globals.summary.basicData') }}
@@ -235,7 +219,7 @@ async function changeState(value) {
                     :value="formattedAddress()"
                 />
             </QCard>
-            <QCard class="vn-one">
+            <QCard class="vn-one" v-if="ticket.notes.length">
                 <a class="header header-link" :href="ticketUrl + 'observation'">
                     {{ t('ticket.pageTitles.notes') }}
                     <QIcon name="open_in_new" />
@@ -254,9 +238,31 @@ async function changeState(value) {
                             class="notes"
                             readonly
                         />
+                        
                     </template>
                 </VnLv>
             </QCard>
+            <QCard class="vn-one ">
+                <a class="header header-link" :href="ticketUrl + 'basic-data/step-one'">
+                    {{t('Summary')}}
+                    <QIcon name="open_in_new" />
+                </a>
+                <div class="bodyCard">
+                    <VnLv
+                        :label="t('ticket.summary.subtotal')"
+                        :value="toCurrency(ticket.totalWithoutVat)"
+                    />
+                    <VnLv
+                        :label="t('ticket.summary.vat')"
+                        :value="toCurrency(ticket.totalWithVat - ticket.totalWithoutVat)"
+                    />
+                    <VnLv
+                        :label="t('ticket.summary.total')"
+                        :value="toCurrency(ticket.totalWithVat)"
+                    />
+                </div>
+                    
+            </QCard>
             <QCard class="vn-max">
                 <a class="header header-link" :href="ticketUrl + 'sale'">
                     {{ t('ticket.summary.saleLines') }}
@@ -452,20 +458,32 @@ async function changeState(value) {
     width: max-content;
 }
 .cardSummary .summaryBody > .q-card > .taxes {
-    border: 2px solid gray;
+    margin-right: 90px;
     padding: 0;
-    > .vn-label-value {
+    & > .vn-label-value {
-        text-align: right;
+        text-align: left;
         display: flex;
         flex-direction: row;
         margin-top: 5px;
-        justify-content: flex-end;
+        justify-content: flex-start;
-        padding-right: 20px;
+        padding-left: 10px;
+    }
+}
+
+.q-card.q-card--dark.q-dark.vn-one {
+    & > .bodyCard{
+        padding: 1%;
+        margin-right: 40%;
     }
 }
 
 .cardSummary .summaryBody > .q-card:has(.taxes) {
     margin-top: 2px;
-    padding: 0;
+    padding: 0%;
 }
 </style>
+
+<i18n>
+    es:
+        Summary: Resumen
+</i18n>