From 6e7194824682bb5f99e15dab7ac65e9fac5a133c Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Sun, 12 May 2024 00:30:08 +0900
Subject: [PATCH] feat(ui): bring hovered/focused avatar to top

---
 components/notification/NotificationGroupedLikes.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/notification/NotificationGroupedLikes.vue b/components/notification/NotificationGroupedLikes.vue
index 7ca381eb..fb4e5567 100644
--- a/components/notification/NotificationGroupedLikes.vue
+++ b/components/notification/NotificationGroupedLikes.vue
@@ -30,7 +30,7 @@ const likes = computed(() => group.likes.filter(i => i.favourite && !i.reblog))
         <div v-if="likes.length" flex="~ gap-1">
           <div :class="useStarFavoriteIcon ? 'i-ri:star-line color-yellow' : 'i-ri:heart-line color-red'" text-xl me-2 />
           <template v-for="i, idx of likes" :key="idx">
-            <AccountHoverWrapper :account="i.account" relative me--4 border="2 bg-base" rounded-full>
+            <AccountHoverWrapper :account="i.account" relative me--4 border="2 bg-base" rounded-full hover:z-1 focus-within:z-1>
               <NuxtLink :to="getAccountRoute(i.account)">
                 <AccountAvatar text-primary font-bold :account="i.account" class="h-1.5em w-1.5em" />
               </NuxtLink>