3e5f7adcbf
* feat: remove vue-fragment (no-changelog) * Update pnpm-lock.yaml --------- Co-authored-by: कारतोफ्फेलस्क्रिप्ट™ <aditya@netroy.in>
41 lines
780 B
Vue
41 lines
780 B
Vue
<template>
|
|
<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>
|
|
</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>
|