|
|
@ -10,8 +10,10 @@ |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="bg-slate-100 rounded-t-md border border-slate-300 p-3 sm:p-4"> |
|
|
|
<div class="flex items-center gap-2 mb-6"> |
|
|
|
<div |
|
|
|
class="flex items-center justify-between gap-2 text-lg bg-slate-200 border border-slate-300 border-b-0 rounded-t-md px-3 sm:px-4 py-1 sm:py-2" |
|
|
|
> |
|
|
|
<div class="flex items-center gap-2"> |
|
|
|
<div v-if="record.issuerDid"> |
|
|
|
<EntityIcon |
|
|
|
:entity-id="record.issuerDid" |
|
|
@ -35,10 +37,16 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<a class="cursor-pointer" @click="$emit('loadClaim', record.jwtId)"> |
|
|
|
<font-awesome icon="circle-info" class="fa-fw text-slate-500" /> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="bg-slate-100 rounded-b-md border border-slate-300 p-3 sm:p-4"> |
|
|
|
<!-- Record Image --> |
|
|
|
<div |
|
|
|
v-if="record.image" |
|
|
|
class="bg-cover mb-6 -mx-3 sm:-mx-4" |
|
|
|
class="bg-cover mb-6 -mt-3 sm:-mt-4 -mx-3 sm:-mx-4" |
|
|
|
:style="`background-image: url(${record.image});`" |
|
|
|
> |
|
|
|
<a |
|
|
@ -86,14 +94,15 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="text-xs mt-2 line-clamp-3 sm:line-clamp-2"> |
|
|
|
<div v-if="record.providerPlanName || record.giver.known"> |
|
|
|
<font-awesome |
|
|
|
:icon="record.providerPlanName ? 'users' : 'user'" |
|
|
|
class="fa-fw text-slate-400" |
|
|
|
/> |
|
|
|
{{ record.providerPlanName || record.giver.displayName }} |
|
|
|
</div> |
|
|
|
<div |
|
|
|
v-if="record.providerPlanName || record.giver.known" |
|
|
|
class="text-xs mt-2 line-clamp-3 sm:line-clamp-2" |
|
|
|
> |
|
|
|
<font-awesome |
|
|
|
:icon="record.providerPlanName ? 'users' : 'user'" |
|
|
|
class="fa-fw text-slate-400" |
|
|
|
/> |
|
|
|
{{ record.providerPlanName || record.giver.displayName }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
@ -147,14 +156,15 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="text-xs mt-2 line-clamp-3 sm:line-clamp-2"> |
|
|
|
<div v-if="record.recipientProjectName || record.receiver.known"> |
|
|
|
<font-awesome |
|
|
|
:icon="record.recipientProjectName ? 'users' : 'user'" |
|
|
|
class="fa-fw text-slate-400" |
|
|
|
/> |
|
|
|
{{ record.recipientProjectName || record.receiver.displayName }} |
|
|
|
</div> |
|
|
|
<div |
|
|
|
v-if="record.recipientProjectName || record.receiver.known" |
|
|
|
class="text-xs mt-2 line-clamp-3 sm:line-clamp-2" |
|
|
|
> |
|
|
|
<font-awesome |
|
|
|
:icon="record.recipientProjectName ? 'users' : 'user'" |
|
|
|
class="fa-fw text-slate-400" |
|
|
|
/> |
|
|
|
{{ record.recipientProjectName || record.receiver.displayName }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -166,14 +176,6 @@ |
|
|
|
</a> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div |
|
|
|
class="flex items-center gap-2 text-lg bg-slate-300 rounded-b-md px-3 sm:px-4 py-1 sm:py-2" |
|
|
|
> |
|
|
|
<a class="cursor-pointer" @click="$emit('loadClaim', record.jwtId)"> |
|
|
|
<font-awesome icon="circle-info" class="fa-fw text-slate-500" /> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
</template> |
|
|
|
|
|
|
|