akkoma-fe/src/components/delete_button/delete_button.vue

22 lines
412 B
Vue
Raw Normal View History

<template>
<div v-if="canDelete">
<a href="#" v-on:click.prevent="deleteStatus()">
<i class='icon-cancel delete-status'></i>
</a>
</div>
</template>
<script src="./delete_button.js" ></script>
2018-04-07 16:30:27 +00:00
<style lang="scss">
@import '../../_variables.scss';
2018-04-07 16:30:27 +00:00
.icon-cancel,.delete-status {
cursor: pointer;
&:hover {
color: $fallback--cRed;
color: var(--cRed, $fallback--cRed);
}
2018-04-07 16:30:27 +00:00
}
</style>