mirror of
https://github.com/n8n-io/n8n.git
synced 2024-11-16 01:24:05 -08:00
52 lines
858 B
Vue
52 lines
858 B
Vue
<template>
|
|
<el-tag
|
|
v-if="type === 'danger'"
|
|
type="danger"
|
|
size="small"
|
|
:class="$style['danger']"
|
|
:disable-transitions="true"
|
|
>
|
|
{{ text }}
|
|
</el-tag>
|
|
<el-tag
|
|
v-else-if="type === 'warning'"
|
|
size="small"
|
|
:class="$style['warning']"
|
|
:disable-transitions="true"
|
|
>
|
|
{{ text }}
|
|
</el-tag>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
export default {
|
|
props: ['text', 'type'],
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" module>
|
|
.badge {
|
|
font-size: 11px;
|
|
line-height: 18px;
|
|
max-height: 18px;
|
|
font-weight: 400;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
.danger {
|
|
composes: badge;
|
|
color: $badge-danger-color;
|
|
background-color: $badge-danger-background-color;
|
|
border-color: $badge-danger-border-color;
|
|
}
|
|
|
|
.warning {
|
|
composes: badge;
|
|
background-color: $badge-warning-background-color;
|
|
color: $badge-warning-color;
|
|
border: none;
|
|
}
|
|
</style>
|