|
|
@ -11,16 +11,6 @@ |
|
|
|
<p class="mb-4">Show appreciation to a contact:</p> |
|
|
|
|
|
|
|
<ul class="grid grid-cols-4 gap-x-3 gap-y-5 text-center mb-5"> |
|
|
|
<li @click="openDialog()"> |
|
|
|
<div class="mb-1"> |
|
|
|
<fa icon="question-circle" class="fa-fw fa-xl text-slate-400"></fa> |
|
|
|
</div> |
|
|
|
<h3 |
|
|
|
class="text-xs font-medium italic text-ellipsis whitespace-nowrap overflow-hidden" |
|
|
|
> |
|
|
|
Anonymous |
|
|
|
</h3> |
|
|
|
</li> |
|
|
|
<li |
|
|
|
v-for="contact in allContacts" |
|
|
|
:key="contact.did" |
|
|
@ -39,6 +29,7 @@ |
|
|
|
|
|
|
|
<!-- Ideally, this button should only be visible when the active account has more than 7 or 11 contacts in their list (we want to limit the grid count above to 8 or 12 accounts to keep it compact) --> |
|
|
|
<router-link |
|
|
|
v-if="allContacts.length > 7" |
|
|
|
:to="{ name: 'contact-gives' }" |
|
|
|
class="block text-center text-md font-bold uppercase bg-slate-500 text-white px-2 py-3 rounded-md" |
|
|
|
> |
|
|
|