|
|
@ -96,6 +96,7 @@ |
|
|
|
:entityId="contact.did" |
|
|
|
:iconSize="24" |
|
|
|
class="inline-block align-text-bottom border border-slate-300 rounded" |
|
|
|
@click="showLargeIdenticon = contact.did" |
|
|
|
></EntityIcon> |
|
|
|
{{ contact.name || "(no name)" }} |
|
|
|
<button |
|
|
@ -239,6 +240,18 @@ |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
<p v-else>There are no contacts.</p> |
|
|
|
<div v-if="showLargeIdenticon" class="fixed z-[100] top-0 inset-x-0 w-full"> |
|
|
|
<div |
|
|
|
class="absolute inset-0 h-screen flex flex-col items-center justify-center bg-slate-900/50" |
|
|
|
> |
|
|
|
<EntityIcon |
|
|
|
:entityId="showLargeIdenticon" |
|
|
|
:iconSize="512" |
|
|
|
class="flex w-11/12 max-w-sm mx-auto mb-3 overflow-hidden bg-white rounded-lg shadow-lg" |
|
|
|
@click="showLargeIdenticon = ''" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="contactEdit !== null" class="dialog-overlay"> |
|
|
|
<div class="dialog"> |
|
|
@ -330,6 +343,7 @@ export default class ContactsView extends Vue { |
|
|
|
showGiveNumbers = false; |
|
|
|
showGiveTotals = true; |
|
|
|
showGiveConfirmed = true; |
|
|
|
showLargeIdenticon = ""; |
|
|
|
|
|
|
|
libsUtil = libsUtil; |
|
|
|
|
|
|
|