zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

fix(ui): improve notifications alignment and icons consistenty

Browse source
This commit is contained in:
Anthony Fu 2023-09-08 18:14:19 +02:00
parent 06ef226440
commit 319f9c4ece
3 changed files with 14 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/notification/NotificationGroupedFollow.vue
View file

@ -15,7 +15,7 @@ const lang = $computed(() => {
<template>
<article flex flex-col relative :lang="lang ?? undefined">
<div flex items-center top-0 left-2 pt-2 px-3>
<div i-ri:user-follow-fill me-3 color-primary aria-hidden="true" />
<div :class="count > 1 ? 'i-ri-group-line' : 'i-ri-user-3-line'" me-3 color-blue text-xl aria-hidden="true" />
<template v-if="count > 1">
<CommonLocalizedNumber
keypath="notification.followed_you_count"
@ -32,7 +32,7 @@ const lang = $computed(() => {
</span>
</template>
</div>
<div pb-2>
<div pb-2 ps8>
<div v-if="isExpanded">
<AccountCard
v-for="item in items.items"