mirror of
https://github.com/n8n-io/n8n.git
synced 2025-03-05 20:50:17 -08:00
60da5bb7ec
* update creator item * update warning tooltip * update badge and trigger icon * update action box * update avatar component * update badge * update heading component * update icon component * update link component * update menu * update route component * fix avatar bug * fix avatar bug * update input component * update select * update input * update tags component * update spinner * update square button * update tag component * update text component * add danger color * add vue.extend * add human readable names * add human readable name * revert button changes * update name * revert name * update classes * delete unused component * redo name change * rename * rename back * rename back * update snapshots
45 lines
796 B
Vue
45 lines
796 B
Vue
<template>
|
|
<button :class="['n8n-square-button', $style.button]" v-on="$listeners">
|
|
<span :class="$style.text">{{label}}</span>
|
|
</button>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import Vue from 'vue';
|
|
|
|
export default Vue.extend({
|
|
name: 'n8n-square-button',
|
|
props: {
|
|
label: {
|
|
type: String,
|
|
},
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" module>
|
|
.button {
|
|
width: 28px;
|
|
height: 29px;
|
|
border-radius: var(--border-radius-base);
|
|
border: var(--color-background-xlight);
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
&:hover {
|
|
.text {
|
|
color: var(--color-primary) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.text {
|
|
font-size: var(--font-size-s);
|
|
font-weight: var(--font-weight-bold);
|
|
line-height: var(--font-line-height-loose);
|
|
color: var(--color-background-dark);
|
|
}
|
|
</style>
|