trent_larson
/
kickstarter-for-time
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Mirrored fixes to PWA + added toggle-style field for amount display

master
Jose Olarte III 3 years ago
parent
8d340739ae
commit
ca42f61fa3
2 changed files with 36 additions and 8 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 37
      account-view.html
  2. 7
      css/main.css

37
account-view.html
View File

@ -16,7 +16,7 @@
<body>
<!-- QUICK NAV -->
<nav id="QuickNav" class="fixed bottom-0 left-0 right-0 bg-slate-200">
<nav id="QuickNav" class="fixed bottom-0 left-0 right-0 bg-slate-200 z-50">
<ul class="flex text-2xl p-2 gap-2">
<!-- Home Feed -->
<li class="basis-1/5 rounded-md text-slate-500"><a href="" class="block text-center py-3 px-1"><i class="fa-solid fa-house-chimney fa-fw"></i></a></li>
@ -47,22 +47,25 @@
<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-sm text-slate-500 flex justify-between items-center mb-1">
<span><code>did:peer:kl45kj41lk451kl3</code> <i class="fa-solid fa-copy text-slate-400 fa-fw"></i></span>
<span>
<div class="text-sm text-slate-500 flex justify-start items-center mb-1">
<code class="truncate">did:ethr:0x697f3e20dB169d92b42E759336D676Da599C8eD3</code>
<i class="fa-solid fa-copy text-slate-400 fa-fw ml-2"></i>
<span class="whitespace-nowrap ml-4">
<button class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md"><i class="fa-solid fa-share-nodes fa-fw"></i></button>
<button class="text-xs uppercase bg-slate-500 text-white px-1.5 py-1 rounded-md"><i class="fa-solid fa-qrcode fa-fw"></i></button>
</span>
</div>
<div class="text-slate-500 text-sm font-bold">Public Key</div>
<div class="text-sm text-slate-500 mb-1">
<span><code>dyIgKepL19trfrFu5jzkoNhI</code> <i class="fa-solid fa-copy text-slate-400 fa-fw"></i></span>
<div class="text-sm text-slate-500 flex justify-start items-center mb-1">
<code class="truncate">A2shGvaKAnM+CC9wgUP2z7L1XipgcSTQGnQGiZXXY7cd</code>
<i class="fa-solid fa-copy text-slate-400 fa-fw ml-2"></i>
</div>
<div class="text-slate-500 text-sm font-bold">Derivation Path</div>
<div class="text-sm text-slate-500 mb-1">
<span><code>m/44'/0'/0'/0/0</code> <i class="fa-solid fa-copy text-slate-400 fa-fw"></i></span>
<div class="text-sm text-slate-500 flex justify-start items-center mb-1">
<code class="truncate">m/7696500'/0'/0'/0'</code>
<i class="fa-solid fa-copy text-slate-400 fa-fw ml-2"></i>
</div>
</div>
@ -78,6 +81,24 @@
<a href="" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2">Backup Seed</a>
<a href="" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-6">Backup Other Data</a>
<h3 class="text-sm uppercase font-semibold mb-3">Advanced</h3>
<label for="toggleShowAmounts" class="flex items-center cursor-pointer mb-6">
<!-- toggle -->
<div class="relative">
<!-- input -->
<input type="checkbox" id="toggleShowAmounts" class="sr-only">
<!-- line -->
<div class="block bg-slate-500 w-14 h-8 rounded-full"></div>
<!-- dot -->
<div class="dot absolute left-1 top-1 bg-slate-400 w-6 h-6 rounded-full transition"></div>
</div>
<!-- label -->
<div class="ml-2">
Show amounts given with contacts
</div>
</label>
<!-- QR code popup -->
<dialog id="dlgQR" class="backdrop:bg-black/75 rounded-md">
<form method="dialog">

7
css/main.css
View File

@ -9,3 +9,10 @@
font-family: 'Work Sans', ui-sans-serif, system-ui, sans-serif !important;
}
}
@layer components {
input:checked ~ .dot {
transform: translateX(100%);
background-color: #FFF !important;
}
}
Write Preview
Loading…
Cancel
Save