9c555e70c9
* fix: Uses label component for add label button * Use button instead of span
34 lines
583 B
Vue
34 lines
583 B
Vue
<template>
|
|
<woot-button variant="link" class="label--add" @click="addLabel">
|
|
<woot-label
|
|
color-scheme="secondary"
|
|
:title="$t('CONTACT_PANEL.LABELS.MODAL.ADD_BUTTON')"
|
|
icon="ion-plus-round"
|
|
/>
|
|
</woot-button>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
methods: {
|
|
addLabel() {
|
|
this.$emit('add');
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.label--add {
|
|
&::v-deep .label {
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border-color: var(--s-700);
|
|
margin: 0;
|
|
|
|
&:hover {
|
|
background: var(--s-50);
|
|
}
|
|
}
|
|
}
|
|
</style>
|