fix(styles): refs #7001 create VnTitle and correct background-page color

src/components/common/VnTitle.vue

@@ -0,0 +1,25 @@
+<script setup>
+const $props = defineProps({
+    url: { type: String, default: null },
+    text: { type: String, default: null },
+    icon: { type: String, default: null },
+});
+</script>
+<template>
+    <div class="titleBox">
+        <div class="header-link">
+            <a :href="$props.url" class="link">
+                {{ text }}
+                <QIcon :name="$props.icon" />
+            </a>
+        </div>
+    </div>
+</template>
+<style scoped>
+a {
+    font-size: large;
+}
+.titleBox {
+    padding-bottom: 2%;
+}
+</style>

src/css/app.scss

@@ -18,7 +18,7 @@ body.body--light {
 
 body.body--dark {
     --vn-pageColor: #222;
-    --vn-SectionColor: #3c3b3b;
+    --vn-SectionColor: #403c3c;
     background-color: var(--vn-pageColor);
     --vn-text: white;
     --vn-gray: var(--vn-SectionColor);

src/pages/Claim/Card/ClaimSummary.vue

@@ -11,6 +11,7 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import ClaimNotes from 'src/pages/Claim/Card/ClaimNotes.vue';
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
 import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -179,10 +180,11 @@ function openDialog(dmsId) {
         </template>
         <template #body="{ entity: { claim, salesClaimed, developments } }">
             <QCard class="vn-one">
-                <a class="header header-link" :href="`#/claim/${entityId}/basic-data`">
+                <VnTitle
-                    {{ t('claim.pageTitles.basicData') }}
+                    :url="`#/claim/${entityId}/basic-data`"
-                    <QIcon name="open_in_new" />
+                    :text="t('claim.pageTitles.basicData')"
-                </a>
+                    icon="open_in_new"
+                />
                 <VnLv
                     :label="t('claim.summary.created')"
                     :value="toDate(claim.created)"

src/pages/Entry/Card/EntrySummary.vue

@@ -175,8 +175,8 @@ const fetchEntryBuys = async () => {
 
         <template #body>
             <QCard class="vn-one">
-                <a class="header header-link" :href="`#/entry/${entityId}/basic-data`">
+                <a class="header link" :href="`#/entry/${entityId}/basic-data`">
-                    {{ t('globals.summary.basicData') }}
+                    textos
                     <QIcon name="open_in_new" />
                 </a>
 
@@ -274,65 +274,6 @@ const fetchEntryBuys = async () => {
                     {{ t('entry.summary.buys') }}
                     <QIcon name="open_in_new" />
                 </a>
-                <QTable
-                    :rows="entryBuys"
-                    :columns="entriesTableColumns"
-                    hide-bottom
-                    row-key="index"
-                    class="full-width q-mt-md"
-                >
-                    <template #body="{ cols, row, rowIndex }">
-                        <QTr no-hover>
-                            <QTd v-for="col in cols" :key="col.name">
-                                <component
-                                    :is="tableColumnComponents[col.name].component(props)"
-                                    v-bind="tableColumnComponents[col.name].props(props)"
-                                    @click="tableColumnComponents[col.name].event(props)"
-                                    class="col-content"
-                                >
-                                    <template
-                                        v-if="
-                                            col.name !== 'observation' &&
-                                            col.name !== 'isConfirmed'
-                                        "
-                                        >{{ col.value }}</template
-                                    >
-                                    <QTooltip v-if="col.toolTip">{{
-                                        col.toolTip
-                                    }}</QTooltip>
-                                </component>
-                            </QTd>
-                        </QTr>
-                        <QTr no-hover>
-                            <QTd>
-                                <span>{{ row.item.itemType.code }}</span>
-                            </QTd>
-                            <QTd>
-                                <span>{{ row.item.id }}</span>
-                            </QTd>
-                            <QTd>
-                                <span>{{ row.item.size }}</span>
-                            </QTd>
-                            <QTd>
-                                <span>{{ toCurrency(row.item.minPrice) }}</span>
-                            </QTd>
-                            <QTd colspan="6">
-                                <span>{{ row.item.concept }}</span>
-                                <span v-if="row.item.subName" class="subName">
-                                    {{ row.item.subName }}
-                                </span>
-                                <fetched-tags :item="row.item" :max-length="5" />
-                            </QTd>
-                        </QTr>
-                        <!-- Esta última row es utilizada para agregar un espaciado y así marcar una diferencia visual entre los diferentes buys -->
-                        <QTr
-                            v-if="rowIndex !== entryBuys.length - 1"
-                            class="separation-row"
-                        >
-                            <QTd colspan="10" style="height: 24px" />
-                        </QTr>
-                    </template>
-                </QTable>
             </QCard>
         </template>
     </CardSummary>