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

refactor: add border

Browse source
This commit is contained in:
Net 2024-08-21 16:18:00 +07:00
parent d5aadbdd86
commit a31fd5f40e
1 changed files with 21 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/pages/03_customer-management/MainPage.vue
View file

@ -989,20 +989,29 @@ const emptyCreateDialog = ref(false);
margin-bottom: var(--size-2); margin-bottom: var(--size-2);
" "
> >
<div class="branch-card__icon"> <div
<q-avatar size="md"> :style="`
<q-img border-radius: 50%;
:src="` border-style: solid;
border-width: 2px;
border-color: hsl(var(${props.row.customerType === 'CORP' ? '--violet-11-hsl' : '--teal-10-hsl'}));
`"
>
<div class="branch-card__icon">
<q-avatar size="md">
<q-img
:src="`
${props.row.imageUrl ?? '/images/customer-' + props.row.customerType + '-avartar.png'} ${props.row.imageUrl ?? '/images/customer-' + props.row.customerType + '-avartar.png'}
`" `"
> >
<template #error> <template #error>
<q-img <q-img
src="/images/customer-CORP-avartar.png" src="/images/customer-CORP-avartar.png"
/> />
</template> </template>
</q-img> </q-img>
</q-avatar> </q-avatar>
</div>
</div> </div>
</div> </div>
<div class="col"> <div class="col">