ayo/elk
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: refine reaction emoji button styling

Browse source
This commit is contained in:
TAKAHASHI Shuuji 2024-12-22 15:04:24 +09:00
parent 08b908b206
commit f15e33f76b
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
components/status/StatusEmojiReaction.vue
View file

@ -20,7 +20,8 @@ function isCustomEmoji(emoji: EmojiReaction) {
<button <button
v-for="(emoji, i) in status?.emojiReactions ?? []" v-for="(emoji, i) in status?.emojiReactions ?? []"
:key="i" :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"> <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)"> <source :srcset="emoji.staticUrl" media="(prefers-reduced-motion: reduce)">