delete_button.vue (412B)
1 <template>
2 <div v-if="canDelete">
3 <a href="#" v-on:click.prevent="deleteStatus()">
4 <i class='icon-cancel delete-status'></i>
5 </a>
6 </div>
7 </template>
8
9 <script src="./delete_button.js" ></script>
10
11 <style lang="scss">
12 @import '../../_variables.scss';
13
14 .icon-cancel,.delete-status {
15 cursor: pointer;
16 &:hover {
17 color: var(--cRed, $fallback--cRed);
18 color: $fallback--cRed;
19 }
20 }
21 </style>