Browse Source

show the identicon in large size on the contacts screen

starred-projects
Trent Larson 10 months ago
parent
commit
a5b1b97012
  1. 14
      src/views/ContactsView.vue

14
src/views/ContactsView.vue

@ -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;

Loading…
Cancel
Save