refs #6892 refact summary

src/components/ui/CardSummary.vue

@@ -70,7 +70,14 @@ watch(props, async () => {
     display: flex;
     justify-content: center;
 }
-
+.label-two {
+    > .vn-label-value {
+        > .label {
+            position: relative;
+            background-color: red;
+        }
+    }
+}
 .cardSummary {
     width: 100%;
 
@@ -127,6 +134,9 @@ watch(props, async () => {
                     color: var(--vn-text);
                     overflow: hidden;
                 }
+                .label-two {
+                    width: 8em;
+                }
             }
             .header {
                 color: $primary;

src/pages/Customer/Card/CustomerSummary.vue

@@ -95,7 +95,7 @@ const creditWarning = computed(() => {
                     :value="entity.businessType.description"
                 />
             </QCard>
-            <QCard class="vn-one">
+            <QCard class="vn-one label-two">
                 <a class="header" :href="clientUrl + `fiscal-data`">
                     {{ t('customer.summary.fiscalAddress') }}
                     <QIcon name="open_in_new" color="primary" />
@@ -120,7 +120,7 @@ const creditWarning = computed(() => {
                 />
                 <VnLv :label="t('customer.summary.street')" :value="entity.street" />
             </QCard>
-            <QCard class="vn-one">
+            <QCard class="vn-one label-two">
                 <a class="header link" :href="clientUrl + `fiscal-data`" link>
                     {{ t('customer.summary.fiscalData') }}
                     <QIcon name="open_in_new" color="primary" />