yume/yumechi-no-kuni
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity

🍕

Browse source
This commit is contained in:
syuilo 2020-02-22 06:43:46 +09:00
parent a347f8fa49
commit c9f8c12f5b
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> <template>
<span <button
class="reaction _button" class="hkzvhatu _button"
:class="{ reacted: note.myReaction == reaction }" :class="{ reacted: note.myReaction == reaction }"
@click="toggleReaction(reaction)" @click="toggleReaction(reaction)"
v-if="count > 0" v-if="count > 0"
@mouseover="onMouseover" @mouseover="onMouseover"
@mouseleave="onMouseleave" @mouseleave="onMouseleave"
ref="reaction" ref="reaction"
v-particle
> >
<x-reaction-icon :reaction="reaction" ref="icon"/> <x-reaction-icon :reaction="reaction" ref="icon"/>
<span>{{ count }}</span> <span>{{ count }}</span>
</span> </button>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -136,7 +137,7 @@ export default Vue.extend({
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.reaction { .hkzvhatu {
display: inline-block; display: inline-block;
height: 32px; height: 32px;
margin: 2px; margin: 2px;

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

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