optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adopt logistics visual system across webapp

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-04-11 08:31:34 +07:00
parent ebe72907a4
commit a74e75049c
28 changed files with 1434 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/components/ui/Badge.vue
View File

@@ -17,22 +17,22 @@ const props = defineProps({
})
const variantMap: Record<string, string> = {
default: 'badge-neutral',
success: 'badge-success',
warning: 'badge-warning',
error: 'badge-error',
muted: 'badge-ghost',
primary: 'badge-primary',
default: 'bg-[#f6f1ea] text-[#5f4b33]',
success: 'bg-emerald-100 text-emerald-700',
warning: 'bg-amber-100 text-amber-700',
error: 'bg-rose-100 text-rose-700',
muted: 'bg-[#efe7da] text-[#8a7761]',
primary: 'bg-[#2f2418] text-white',
}
const sizeMap: Record<string, string> = {
xs: 'badge-xs',
sm: 'badge-sm',
md: 'badge-md',
xs: 'px-2 py-1 text-[10px]',
sm: 'px-3 py-1 text-xs',
md: 'px-3.5 py-1.5 text-sm',
}
const badgeClass = computed(() => {
const base = 'badge'
const base = 'inline-flex items-center rounded-full font-semibold'
const variantClass = variantMap[props.variant] || variantMap.default
const sizeClass = sizeMap[props.size] || sizeMap.sm
return [base, variantClass, sizeClass].join(' ')