diff --git a/src/assets/icons/error.svg b/src/assets/icons/error.svg new file mode 100644 index 0000000..70f1299 --- /dev/null +++ b/src/assets/icons/error.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/components/Notifications/NotificationItem.vue b/src/components/Notifications/NotificationItem.vue index c471d05..93be2b6 100644 --- a/src/components/Notifications/NotificationItem.vue +++ b/src/components/Notifications/NotificationItem.vue @@ -2,7 +2,12 @@ .notification-container.flex.justify-between(:style="{ backgroundColor: bgColor }") .notification-content.flex.mr-16 .grid(:class="{'grid-rows': message}") - .text-white.text-xs.icon.row-span-full.flex.justify-center.items-center(:class="iconClass") + .text-white.text-xs.icon.row-span-full.flex.justify-center.items-center( + v-if="this.type !== 'error'", + :class="iconClass" + ) + .error.text-xs.row-span-full.flex.justify-center.items-center(v-else) + img(:src="errorIcon") .text-white.text-base.font-black(v-if="title") {{ title }} .text-white.text-base.font-semibold(v-if="message") {{ message }} .icon-cancel.cursor-pointer.text-white.opacity-50.text-sm(class="hover:opacity-100 active:opacity-75", @click="delNotification") @@ -10,6 +15,7 @@