mirror of
https://github.com/n8n-io/n8n.git
synced 2024-11-15 17:14:05 -08:00
5ca2148c7e
* ⚡ Adjust `format` script * 🔥 Remove exemption for `editor-ui` * 🎨 Prettify * 👕 Fix lint
43 lines
811 B
Vue
43 lines
811 B
Vue
<template>
|
|
<fragment>
|
|
<el-tag v-if="type === 'danger'" type="danger" size="small" :class="$style['danger']">
|
|
{{ text }}
|
|
</el-tag>
|
|
<el-tag v-else-if="type === 'warning'" size="small" :class="$style['warning']">
|
|
{{ text }}
|
|
</el-tag>
|
|
</fragment>
|
|
</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>
|