feat: #6943 Change icon

src/pages/Customer/Card/CustomerDescriptor.vue

@@ -170,7 +170,6 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                     <QTooltip>{{ t('Customer ticket list') }}</QTooltip>
                 </QBtn>
                 <QBtn
-                    target="_blank"
                     :to="{
                         name: 'TicketList',
                         query: {
@@ -182,19 +181,10 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                     }"
                     size="md"
                     color="primary"
+                    target="_blank"
+                    icon="vn:ticketAdd"
                 >
-                    <template #default>
+                    <QTooltip>{{ t('New ticket') }}</QTooltip>
-                        <QTooltip>{{ t('New ticket') }}</QTooltip>
-                        <div class="icon-container">
-                            <QIcon class="icon second-icon" name="vn:ticket" />
-                            <QIcon
-                                class="fill-icon icon first-icon"
-                                round
-                                size="xs"
-                                name="add_circle"
-                            />
-                        </div>
-                    </template>
                 </QBtn>
                 <QBtn
                     :to="{
@@ -269,23 +259,3 @@ es:
     unpaidDated: 'Fecha {dated}'
     unpaidAmount: 'Importe {amount}'
 </i18n>
-<style>
-.icon-container {
-    position: relative;
-    width: 24px;
-    height: 25px;
-}
-
-.icon {
-    position: absolute;
-}
-
-.first-icon {
-    top: 12px;
-    left: 14px;
-}
-
-.second-icon {
-    right: 2px;
-}
-</style>