diff options
Diffstat (limited to 'src/web/app/common')
| -rw-r--r-- | src/web/app/common/views/components/index.ts | 2 | ||||
| -rw-r--r-- | src/web/app/common/views/components/reaction-icon.vue | 10 |
2 files changed, 11 insertions, 1 deletions
diff --git a/src/web/app/common/views/components/index.ts b/src/web/app/common/views/components/index.ts index c4c3475ee2..26213297a8 100644 --- a/src/web/app/common/views/components/index.ts +++ b/src/web/app/common/views/components/index.ts @@ -5,9 +5,11 @@ import signup from './signup.vue'; import forkit from './forkit.vue'; import nav from './nav.vue'; import postHtml from './post-html'; +import reactionIcon from './reaction-icon.vue'; Vue.component('mk-signin', signin); Vue.component('mk-signup', signup); Vue.component('mk-forkit', forkit); Vue.component('mk-nav', nav); Vue.component('mk-post-html', postHtml); +Vue.component('mk-reaction-icon', reactionIcon); diff --git a/src/web/app/common/views/components/reaction-icon.vue b/src/web/app/common/views/components/reaction-icon.vue index 317daf0feb..7d24f4f9e9 100644 --- a/src/web/app/common/views/components/reaction-icon.vue +++ b/src/web/app/common/views/components/reaction-icon.vue @@ -1,5 +1,5 @@ <template> -<span> +<span class="mk-reaction-icon"> <img v-if="reaction == 'like'" src="/assets/reactions/like.png" alt="%i18n:common.reactions.like%"> <img v-if="reaction == 'love'" src="/assets/reactions/love.png" alt="%i18n:common.reactions.love%"> <img v-if="reaction == 'laugh'" src="/assets/reactions/laugh.png" alt="%i18n:common.reactions.laugh%"> @@ -12,7 +12,15 @@ </span> </template> +<script lang="ts"> +import Vue from 'vue'; +export default Vue.extend({ + props: ['reaction'] +}); +</script> + <style lang="stylus" scoped> +.mk-reaction-icon img vertical-align middle width 1em |