akkoma-fe/src/components/favorite_button/favorite_button.vue
Jiayi Zheng 53fed694df Refactor css
Apply different styles to reply, retweet and favorite buttons
2016-11-13 17:52:20 +01:00

21 lines
449 B
Vue

<template>
<div>
<i :class='classes' class='favorite-button fa' v-on:click.prevent='favorite()'></i>
<span v-if='status.fave_num > 0'>{{status.fave_num}}</span>
</div>
</template>
<script src="./favorite_button.js" ></script>
<style lang='scss'>
@import '../../_variables.scss';
.favorite-button {
cursor: pointer;
&:hover {
color: $main-color;
}
}
.icon-star {
color: $main-color;
}
</style>