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

Added truncation to ID displays

tweaks
Jose Olarte III 2 years ago
parent
3b35fe7ff3
commit
1974570c01
1 changed files with 21 additions and 31 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 52
      src/views/AccountViewView.vue

52
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>
<button @click="copy(activeDid)"> <span class="whitespace-nowrap ml-4">
<fa icon="copy" class="text-slate-400 fa-fw ml-1"></fa>
</button>
</span>
<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>

Write Preview
Loading…
Cancel
Save