refactor: add border
This commit is contained in:
parent
d5aadbdd86
commit
a31fd5f40e
1 changed files with 21 additions and 12 deletions
|
|
@ -989,20 +989,29 @@ const emptyCreateDialog = ref(false);
|
|||
margin-bottom: var(--size-2);
|
||||
"
|
||||
>
|
||||
<div class="branch-card__icon">
|
||||
<q-avatar size="md">
|
||||
<q-img
|
||||
:src="`
|
||||
<div
|
||||
:style="`
|
||||
border-radius: 50%;
|
||||
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'}
|
||||
`"
|
||||
>
|
||||
<template #error>
|
||||
<q-img
|
||||
src="/images/customer-CORP-avartar.png"
|
||||
/>
|
||||
</template>
|
||||
</q-img>
|
||||
</q-avatar>
|
||||
>
|
||||
<template #error>
|
||||
<q-img
|
||||
src="/images/customer-CORP-avartar.png"
|
||||
/>
|
||||
</template>
|
||||
</q-img>
|
||||
</q-avatar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue