2021-05-06 14:03:36 +00:00
|
|
|
<template>
|
2021-05-17 06:30:08 +00:00
|
|
|
<woot-button
|
|
|
|
|
variant="hollow"
|
|
|
|
|
size="tiny"
|
|
|
|
|
icon="ion-plus-round"
|
|
|
|
|
color-scheme="secondary"
|
|
|
|
|
class-names="button-wrap"
|
|
|
|
|
@click="toggleLabels"
|
|
|
|
|
>
|
|
|
|
|
{{ $t('CONTACT_PANEL.LABELS.MODAL.ADD_BUTTON') }}
|
|
|
|
|
</woot-button>
|
2021-05-06 14:03:36 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
methods: {
|
|
|
|
|
toggleLabels() {
|
|
|
|
|
this.$emit('add');
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
2021-05-17 06:30:08 +00:00
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.button-wrap {
|
|
|
|
|
padding: var(--space-micro) var(--space-small);
|
|
|
|
|
display: inline;
|
|
|
|
|
line-height: 1.2;
|
|
|
|
|
|
|
|
|
|
&::v-deep .icon {
|
|
|
|
|
font-size: var(--font-size-mini);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
