trentlarson/crowd-funder-from-jason
1
0
Fork 0
forked from jsnbuchanan/crowd-funder-for-time-pwa
Code Issues Pull Requests Projects Releases Wiki Activity

show the identicon in large size on the contacts screen

Browse Source
This commit is contained in:
Trent Larson
2024-01-17 19:47:33 -07:00
parent 563b5793a9
commit a5b1b97012
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/ContactsView.vue
View File

@@ -96,6 +96,7 @@
:entityId="contact.did" :entityId="contact.did"
:iconSize="24" :iconSize="24"
class="inline-block align-text-bottom border border-slate-300 rounded" class="inline-block align-text-bottom border border-slate-300 rounded"
@click="showLargeIdenticon = contact.did"
></EntityIcon> ></EntityIcon>
{{ contact.name || "(no name)" }} {{ contact.name || "(no name)" }}
<button <button
@@ -239,6 +240,18 @@
</li> </li>
</ul> </ul>
<p v-else>There are no contacts.</p> <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 v-if="contactEdit !== null" class="dialog-overlay">
<div class="dialog"> <div class="dialog">
@@ -330,6 +343,7 @@ export default class ContactsView extends Vue {
showGiveNumbers = false; showGiveNumbers = false;
showGiveTotals = true; showGiveTotals = true;
showGiveConfirmed = true; showGiveConfirmed = true;
showLargeIdenticon = "";
libsUtil = libsUtil; libsUtil = libsUtil;