|
@ -24,8 +24,12 @@ |
|
|
<ul class="border-t border-slate-300"> |
|
|
<ul class="border-t border-slate-300"> |
|
|
<li class="border-b border-slate-300 py-3"> |
|
|
<li class="border-b border-slate-300 py-3"> |
|
|
<h2 class="text-base flex gap-4 items-center"> |
|
|
<h2 class="text-base flex gap-4 items-center"> |
|
|
<span class="grow italic" |
|
|
<span class="grow italic text-slate-500" |
|
|
><fa icon="question-circle" class="fa-fw fa-xl text-slate-400"></fa> |
|
|
><EntityIcon |
|
|
|
|
|
entityId="Anonymous" |
|
|
|
|
|
:iconSize="32" |
|
|
|
|
|
class="opacity-50 inline-block align-middle border border-dashed border-slate-400 bg-slate-200 rounded-md mr-1" |
|
|
|
|
|
></EntityIcon> |
|
|
Anonymous |
|
|
Anonymous |
|
|
</span> |
|
|
</span> |
|
|
<span class="text-right"> |
|
|
<span class="text-right"> |
|
@ -46,7 +50,11 @@ |
|
|
> |
|
|
> |
|
|
<h2 class="text-base flex gap-4 items-center"> |
|
|
<h2 class="text-base flex gap-4 items-center"> |
|
|
<span class="grow font-semibold" |
|
|
<span class="grow font-semibold" |
|
|
><fa icon="user" class="fa-fw fa-xl text-slate-400"></fa> |
|
|
><EntityIcon |
|
|
|
|
|
:entityId="contact.did" |
|
|
|
|
|
:iconSize="32" |
|
|
|
|
|
class="inline-block align-middle border border-slate-300 rounded-md mr-1" |
|
|
|
|
|
></EntityIcon> |
|
|
{{ contact.name || "(no name)" }} |
|
|
{{ contact.name || "(no name)" }} |
|
|
</span> |
|
|
</span> |
|
|
<span class="text-right"> |
|
|
<span class="text-right"> |
|
@ -87,9 +95,10 @@ import { Account } from "@/db/tables/accounts"; |
|
|
import { Contact } from "@/db/tables/contacts"; |
|
|
import { Contact } from "@/db/tables/contacts"; |
|
|
import AlertMessage from "@/components/AlertMessage"; |
|
|
import AlertMessage from "@/components/AlertMessage"; |
|
|
import QuickNav from "@/components/QuickNav"; |
|
|
import QuickNav from "@/components/QuickNav"; |
|
|
|
|
|
import EntityIcon from "@/components/EntityIcon"; |
|
|
|
|
|
|
|
|
@Component({ |
|
|
@Component({ |
|
|
components: { GiftedDialog, AlertMessage, QuickNav }, |
|
|
components: { GiftedDialog, AlertMessage, QuickNav, EntityIcon }, |
|
|
}) |
|
|
}) |
|
|
export default class HomeView extends Vue { |
|
|
export default class HomeView extends Vue { |
|
|
activeDid = ""; |
|
|
activeDid = ""; |
|
|