aboutsummaryrefslogtreecommitdiff
path: root/src/components/delete_button/delete_button.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/delete_button/delete_button.vue')
-rw-r--r--src/components/delete_button/delete_button.vue20
1 files changed, 20 insertions, 0 deletions
diff --git a/src/components/delete_button/delete_button.vue b/src/components/delete_button/delete_button.vue
new file mode 100644
index 00000000..304f8a63
--- /dev/null
+++ b/src/components/delete_button/delete_button.vue
@@ -0,0 +1,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>