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

Added truncation to ID displays

Browse Source
This commit is contained in:
Jose Olarte III
2023-03-30 17:10:13 +08:00
parent 3b35fe7ff3
commit 1974570c01
1 changed files with 21 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/views/AccountViewView.vue
View File

@@ -87,16 +87,12 @@
<h2 class="text-xl font-semibold mb-2">{{ firstName }} {{ lastName }}</h2> <h2 class="text-xl font-semibold mb-2">{{ firstName }} {{ lastName }}</h2>
<div class="text-slate-500 text-sm font-bold">ID</div> <div class="text-slate-500 text-sm font-bold">ID</div>
<div <div class="text-sm text-slate-500 flex justify-start items-center mb-1">
class="text-sm text-slate-500 flex justify-between items-center mb-1" <code class="truncate">{{ activeDid }}</code>
> <button @click="copy(activeDid)" class="ml-2">
<span <fa icon="copy" class="text-slate-400 fa-fw"></fa>
><code>{{ activeDid }}</code>
<button @click="copy(activeDid)">
<fa icon="copy" class="text-slate-400 fa-fw ml-1"></fa>
</button> </button>
</span> <span class="whitespace-nowrap ml-4">
<span>
<button <button
class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md" class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md"
> >
@@ -111,33 +107,27 @@
</div> </div>
<div class="text-slate-500 text-sm font-bold">Public Key (base 64)</div> <div class="text-slate-500 text-sm font-bold">Public Key (base 64)</div>
<div class="text-sm text-slate-500 mb-1"> <div class="text-sm text-slate-500 flex justify-start items-center mb-1">
<span> <code class="truncate">{{ publicBase64 }}</code>
<code>{{ publicBase64 }}</code> <button @click="copy(publicBase64)" class="ml-2">
<button @click="copy(publicBase64)"> <fa icon="copy" class="text-slate-400 fa-fw"></fa>
<fa icon="copy" class="text-slate-400 fa-fw ml-1"></fa>
</button> </button>
</span>
</div> </div>
<div class="text-slate-500 text-sm font-bold">Public Key (hex)</div> <div class="text-slate-500 text-sm font-bold">Public Key (hex)</div>
<div class="text-sm text-slate-500 mb-1"> <div class="text-sm text-slate-500 flex justify-start items-center mb-1">
<span> <code class="truncate">{{ publicHex }}</code>
<code>{{ publicHex }}</code> <button @click="copy(publicHex)" class="ml-2">
<button @click="copy(publicHex)"> <fa icon="copy" class="text-slate-400 fa-fw"></fa>
<fa icon="copy" class="text-slate-400 fa-fw ml-1"></fa>
</button> </button>
</span>
</div> </div>
<div class="text-slate-500 text-sm font-bold">Derivation Path</div> <div class="text-slate-500 text-sm font-bold">Derivation Path</div>
<div class="text-sm text-slate-500 mb-1"> <div class="text-sm text-slate-500 flex justify-start items-center mb-1">
<span <code class="truncate">{{ derivationPath }}</code>
><code>{{ derivationPath }}</code> <button @click="copy(derivationPath)" class="ml-2">
<button @click="copy(derivationPath)"> <fa icon="copy" class="text-slate-400 fa-fw"></fa>
<fa icon="copy" class="text-slate-400 fa-fw ml-1"></fa>
</button> </button>
</span>
</div> </div>
</div> </div>