refactor: use BadgeCompoent
This commit is contained in:
parent
dfe749d206
commit
27cafb2124
1 changed files with 2 additions and 9 deletions
|
|
@ -60,6 +60,7 @@ import {
|
||||||
import { precisionRound } from 'src/utils/arithmetic';
|
import { precisionRound } from 'src/utils/arithmetic';
|
||||||
import { useConfigStore } from 'src/stores/config';
|
import { useConfigStore } from 'src/stores/config';
|
||||||
import QuotationFormMetadata from './QuotationFormMetadata.vue';
|
import QuotationFormMetadata from './QuotationFormMetadata.vue';
|
||||||
|
import BadgeCompoent from 'src/components/BadgeCompoent.vue';
|
||||||
|
|
||||||
// defineProps<{
|
// defineProps<{
|
||||||
// readonly?: boolean;
|
// readonly?: boolean;
|
||||||
|
|
@ -728,10 +729,7 @@ const statusQuotationForm = ref<
|
||||||
style="gap: 10px"
|
style="gap: 10px"
|
||||||
>
|
>
|
||||||
<div class="row justify-end">
|
<div class="row justify-end">
|
||||||
<span class="rounded flex flex-center q-pa-xs badge-color">
|
<BadgeCompoent :title-i18n="$t('general.laborIdentified')" />
|
||||||
🞄
|
|
||||||
{{ $t('general.laborIdentified') }}
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="row items-center justify-between surface-1 rounded q-pa-xs"
|
class="row items-center justify-between surface-1 rounded q-pa-xs"
|
||||||
|
|
@ -1721,11 +1719,6 @@ const statusQuotationForm = ref<
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.badge-color {
|
|
||||||
color: hsla(var(--green-6-hsl) / 0.8);
|
|
||||||
background: hsla(var(--green-6-hsl) / 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-color {
|
.status-color {
|
||||||
--_color: var(--gray-0);
|
--_color: var(--gray-0);
|
||||||
border-color: hsla(var(--_color));
|
border-color: hsla(var(--_color));
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue