ui: update icons
parent
e880cd7b63
commit
72a3482e4e
|
@ -41,7 +41,7 @@ const teams: Team[] = [
|
||||||
<template>
|
<template>
|
||||||
<div my-8 px-3 sm:px-8 md:max-w-200 flex="~ col gap-4" relative>
|
<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')">
|
<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>
|
</button>
|
||||||
|
|
||||||
<img src="/logo.svg" w-20 h-20 height="80" width="80" mxa alt="logo">
|
<img src="/logo.svg" w-20 h-20 height="80" width="80" mxa alt="logo">
|
||||||
|
|
|
@ -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"
|
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')"
|
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>
|
</button>
|
||||||
<div bg="black/30" dark:bg="white/10" ml-4 my-auto text-white rounded-full flex="~ center" overflow-hidden>
|
<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>
|
<div v-if="mediaPreviewList.length > 1" p="y-1 x-2" rounded-r-0 shrink-0>
|
||||||
|
|
|
@ -23,7 +23,7 @@ const isLegacyAccount = computed(() => !currentUser.value?.vapidKey)
|
||||||
:disabled="busy"
|
:disabled="busy"
|
||||||
@click="$emit('hide')"
|
@click="$emit('hide')"
|
||||||
>
|
>
|
||||||
<span aria-hidden="true" i-ri:close-circle-line />
|
<span aria-hidden="true" i-ri:close-line />
|
||||||
</button>
|
</button>
|
||||||
</header>
|
</header>
|
||||||
<p>
|
<p>
|
||||||
|
|
|
@ -41,7 +41,7 @@ onActivated(() => {
|
||||||
:title="$t(showSettings ? 'notification.settings.close_btn' : 'notification.settings.show_btn')"
|
:title="$t(showSettings ? 'notification.settings.close_btn' : 'notification.settings.show_btn')"
|
||||||
@click="showSettings = !showSettings"
|
@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>
|
</button>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue