ui: update icons

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">

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>

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>

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>