chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: create BadgeCompoent

Browse source
This commit is contained in:
Thanaphon Frappet 2024-10-25 17:27:32 +07:00
parent de7e6db13d
commit dfe749d206
1 changed files with 18 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/BadgeCompoent.vue Normal file
View file

@ -0,0 +1,18 @@
<script setup lang="ts">
defineProps<{
titleI18n: string;
hslaColor?: string;
}>();
</script>
<template>
<span
class="rounded flex flex-center q-pa-xs"
:style="`color: hsla(var(${!!hslaColor ? hslaColor : '--green-6-hsl'}) / 0.8); background: hsla(var(${!!hslaColor ? hslaColor : '--green-6-hsl'}) / 0.1); `"
>
&#128900;
{{ $t(titleI18n) }}
</span>
</template>
<style scoped></style>