From 72a3482e4e57006ccdc610ea03cfd043ea8c05d1 Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Mon, 19 Dec 2022 21:31:12 +0100
Subject: [PATCH] ui: update icons

---
 components/help/HelpPreview.vue                                 | 2 +-
 components/modal/ModalMediaPreview.vue                          | 2 +-
 .../notification/NotificationEnablePushNotification.client.vue  | 2 +-
 pages/notifications.vue                                         | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/help/HelpPreview.vue b/components/help/HelpPreview.vue
index 81e7062c..3cade4d9 100644
--- a/components/help/HelpPreview.vue
+++ b/components/help/HelpPreview.vue
@@ -41,7 +41,7 @@ const teams: Team[] = [
 <template>
   <div my-8 px-3 sm:px-8 md:max-w-200 flex="~ col gap-4" relative>
     <button btn-action-icon absolute top--8 right-0 m1 aria-label="Close" @click="emit('close')">
-      <div i-ri:close-fill />
+      <div i-ri:close-line />
     </button>
 
     <img src="/logo.svg" w-20 h-20 height="80" width="80" mxa alt="logo">
diff --git a/components/modal/ModalMediaPreview.vue b/components/modal/ModalMediaPreview.vue
index d383d493..4053ce2f 100644
--- a/components/modal/ModalMediaPreview.vue
+++ b/components/modal/ModalMediaPreview.vue
@@ -53,7 +53,7 @@ function onClick(e: MouseEvent) {
         btn-action-icon bg="black/30" aria-label="action.close" hover:bg="black/40" dark:bg="white/30"
         dark:hover:bg="white/20" pointer-events-auto shrink-0 @click="emit('close')"
       >
-        <div i-ri:close-fill text-white />
+        <div i-ri:close-line text-white />
       </button>
       <div bg="black/30" dark:bg="white/10" ml-4 my-auto text-white rounded-full flex="~ center" overflow-hidden>
         <div v-if="mediaPreviewList.length > 1" p="y-1 x-2" rounded-r-0 shrink-0>
diff --git a/components/notification/NotificationEnablePushNotification.client.vue b/components/notification/NotificationEnablePushNotification.client.vue
index 8a986b20..aa503b20 100644
--- a/components/notification/NotificationEnablePushNotification.client.vue
+++ b/components/notification/NotificationEnablePushNotification.client.vue
@@ -23,7 +23,7 @@ const isLegacyAccount = computed(() => !currentUser.value?.vapidKey)
         :disabled="busy"
         @click="$emit('hide')"
       >
-        <span aria-hidden="true" i-ri:close-circle-line />
+        <span aria-hidden="true" i-ri:close-line />
       </button>
     </header>
     <p>
diff --git a/pages/notifications.vue b/pages/notifications.vue
index 2f059c5d..4e6e63ea 100644
--- a/pages/notifications.vue
+++ b/pages/notifications.vue
@@ -41,7 +41,7 @@ onActivated(() => {
         :title="$t(showSettings ? 'notification.settings.close_btn' : 'notification.settings.show_btn')"
         @click="showSettings = !showSettings"
       >
-        <span aria-hidden="true" w-1.75em h-1.75em :class="showSettings ? 'i-ri:close-circle-line' : 'i-ri:settings-3-fill'" />
+        <span aria-hidden="true" w-1.75em h-1.75em :class="showSettings ? 'i-ri:close-line' : 'i-ri:settings-line'" />
       </button>
     </template>