refactor: use BadgeCompoent

This commit is contained in:
Thanaphon Frappet 2024-10-25 17:28:40 +07:00
parent dfe749d206
commit 27cafb2124

View file

@ -60,6 +60,7 @@ import {
import { precisionRound } from 'src/utils/arithmetic';
import { useConfigStore } from 'src/stores/config';
import QuotationFormMetadata from './QuotationFormMetadata.vue';
import BadgeCompoent from 'src/components/BadgeCompoent.vue';
// defineProps<{
// readonly?: boolean;
@ -728,10 +729,7 @@ const statusQuotationForm = ref<
style="gap: 10px"
>
<div class="row justify-end">
<span class="rounded flex flex-center q-pa-xs badge-color">
&#128900;
{{ $t('general.laborIdentified') }}
</span>
<BadgeCompoent :title-i18n="$t('general.laborIdentified')" />
</div>
<div
class="row items-center justify-between surface-1 rounded q-pa-xs"
@ -1721,11 +1719,6 @@ const statusQuotationForm = ref<
visibility: hidden;
}
.badge-color {
color: hsla(var(--green-6-hsl) / 0.8);
background: hsla(var(--green-6-hsl) / 0.1);
}
.status-color {
--_color: var(--gray-0);
border-color: hsla(var(--_color));