From f15e33f76bcda7124b69bc7d6f5967340eed60f3 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Sun, 22 Dec 2024 15:04:24 +0900
Subject: [PATCH] style: refine reaction emoji button styling

---
 components/status/StatusEmojiReaction.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/status/StatusEmojiReaction.vue b/components/status/StatusEmojiReaction.vue
index 434a50b8..f2e07056 100644
--- a/components/status/StatusEmojiReaction.vue
+++ b/components/status/StatusEmojiReaction.vue
@@ -20,7 +20,8 @@ function isCustomEmoji(emoji: EmojiReaction) {
     <button
       v-for="(emoji, i) in status?.emojiReactions ?? []"
       :key="i"
-      flex gap-1 p="block-1 inline-2" text-secondary btn-base hover:bg-gray-1 rounded-1
+      flex gap-1 p="block-1 inline-2" text-secondary btn-base rounded-1
+      :class="emoji.me ? 'b-1 b-primary bg-primary-fade' : 'b b-white bg-gray-1 hover:bg-gray-1 hover:b-gray'"
     >
       <picture v-if="isCustomEmoji(emoji)" class="custom-emoji" :alt="`:${emoji.name}:`" :data-emoji-id="emoji.name">
         <source :srcset="emoji.staticUrl" media="(prefers-reduced-motion: reduce)">