mirror/iceshrimp
1
0
Fork 0
mirror of https://iceshrimp.dev/iceshrimp/iceshrimp synced 2024-12-12 21:58:11 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

🍕

Browse Source
This commit is contained in:
syuilo 2020-02-22 06:43:46 +09:00
parent e3eab1db07
commit aa0eef5f1d
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/client/components/reactions-viewer.reaction.vue
View File

@ -1,16 +1,17 @@
<template>
<span
class="reaction _button"
<button
class="hkzvhatu _button"
:class="{ reacted: note.myReaction == reaction }"
@click="toggleReaction(reaction)"
v-if="count > 0"
@mouseover="onMouseover"
@mouseleave="onMouseleave"
ref="reaction"
v-particle
>
<x-reaction-icon :reaction="reaction" ref="icon"/>
<span>{{ count }}</span>
</span>
</button>
</template>
<script lang="ts">
@ -136,7 +137,7 @@ export default Vue.extend({
</script>
<style lang="scss" scoped>
.reaction {
.hkzvhatu {
display: inline-block;
height: 32px;
margin: 2px;

4
src/client/components/reactions-viewer.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="mk-reactions-viewer" :class="{ isMe }">
<div class="tdflqwzn" :class="{ isMe }">
<x-reaction v-for="(count, reaction) in note.reactions" :reaction="reaction" :count="count" :is-initial="initialReactions.has(reaction)" :note="note" :key="reaction"/>
</div>
</template>
@ -32,7 +32,7 @@ export default Vue.extend({
</script>
<style lang="scss" scoped>
.mk-reactions-viewer {
.tdflqwzn {
margin: 4px -2px 0 -2px;
&:empty {