src/components/delete_button/delete_button.vue


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<template>
  <div v-if="canDelete">
    <a href="#" v-on:click.prevent="deleteStatus()">
      <i class='fa icon-cancel delete-status'></i>
    </a>
  </div>
</template>

<script src="./delete_button.js" ></script>

<style lang='scss'>
  @import '../../_variables.scss';

  .icon-cancel,.delete-status {
    cursor: pointer;
    &:hover {
      color: $red;
    }
  }
</style>