Gifting + Commitments
This commit is contained in:
@@ -70,6 +70,17 @@
|
|||||||
</span>
|
</span>
|
||||||
</h2>
|
</h2>
|
||||||
<div class="text-sm truncate">did:ethr:0x000Ee5654b9742f6Fe18ea970e32b97ee2247B51</div>
|
<div class="text-sm truncate">did:ethr:0x000Ee5654b9742f6Fe18ea970e32b97ee2247B51</div>
|
||||||
|
|
||||||
|
<div id="ContactActions" class="flex gap-1.5 mt-2">
|
||||||
|
<button type="button" class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"><i class="fa-solid fa-eye-slash fa-fw"></i></button>
|
||||||
|
<button type="button" class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"><i class="fa-solid fa-rotate fa-fw"></i></button>
|
||||||
|
<button type="button" class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"><i class="fa-solid fa-person-circle-question fa-fw"></i></button>
|
||||||
|
<button type="button" class="text-sm uppercase bg-red-600 text-white px-2 py-1.5 rounded-md"><i class="fa-solid fa-trash-can fa-fw"></i></button>
|
||||||
|
|
||||||
|
<button type="button" class="text-sm uppercase bg-blue-600 text-white px-2 py-1.5 ml-auto rounded-md">To: 0 <i class="fa-solid fa-plus fa-fw"></i></button>
|
||||||
|
<button type="button" class="text-sm uppercase bg-blue-600 text-white px-2 py-1.5 rounded-md">From: 0 <i class="fa-solid fa-plus fa-fw"></i></button>
|
||||||
|
<button type="button" class="text-sm uppercase bg-slate-500 text-white px-2 py-1.5 rounded-md"><i class="fa-solid fa-file-lines fa-fw"></i></button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@@ -67,7 +67,59 @@
|
|||||||
<a href="commitment-edit.html" class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8">Make Commitment</a>
|
<a href="commitment-edit.html" class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8">Make Commitment</a>
|
||||||
|
|
||||||
<!-- Commitments -->
|
<!-- Commitments -->
|
||||||
<div class="bg-slate-100 px-4 py-3 rounded-md">
|
|
||||||
|
<div class="grid items-start grid-cols-1 sm:grid-cols-2 gap-4">
|
||||||
|
<div class="bg-slate-100 px-4 py-3 rounded-md">
|
||||||
|
<h3 class="text-sm uppercase font-semibold mb-3">Given to this Project</h3>
|
||||||
|
|
||||||
|
<ul class="text-sm border-t border-slate-300">
|
||||||
|
<li class="py-1.5 border-b border-slate-300">
|
||||||
|
<div class="flex justify-between gap-4">
|
||||||
|
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span>
|
||||||
|
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span>
|
||||||
|
</div>
|
||||||
|
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div>
|
||||||
|
</li>
|
||||||
|
<li class="py-1.5 border-b border-slate-300">
|
||||||
|
<div class="flex justify-between gap-4">
|
||||||
|
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span>
|
||||||
|
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span>
|
||||||
|
</div>
|
||||||
|
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div>
|
||||||
|
</li>
|
||||||
|
<li class="py-1.5 border-b border-slate-300">
|
||||||
|
<div class="flex justify-between gap-4">
|
||||||
|
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span>
|
||||||
|
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span>
|
||||||
|
</div>
|
||||||
|
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-slate-100 px-4 py-3 rounded-md">
|
||||||
|
<h3 class="text-sm uppercase font-semibold mb-3">…and from this Project</h3>
|
||||||
|
|
||||||
|
<ul class="text-sm border-t border-slate-300">
|
||||||
|
<li class="py-1.5 border-b border-slate-300">
|
||||||
|
<div class="flex justify-between gap-4">
|
||||||
|
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span>
|
||||||
|
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span>
|
||||||
|
</div>
|
||||||
|
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div>
|
||||||
|
</li>
|
||||||
|
<li class="py-1.5 border-b border-slate-300">
|
||||||
|
<div class="flex justify-between gap-4">
|
||||||
|
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span>
|
||||||
|
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span>
|
||||||
|
</div>
|
||||||
|
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- div class="bg-slate-100 px-4 py-3 rounded-md">
|
||||||
<h3 class="text-sm uppercase font-semibold mb-3">Commitments</h3>
|
<h3 class="text-sm uppercase font-semibold mb-3">Commitments</h3>
|
||||||
|
|
||||||
<ul class="text-sm border-t border-slate-300">
|
<ul class="text-sm border-t border-slate-300">
|
||||||
@@ -86,7 +138,17 @@
|
|||||||
<span>0.1 BTC <i class="fa-solid fa-spinner fa-fw text-slate-400"></i></span>
|
<span>0.1 BTC <i class="fa-solid fa-spinner fa-fw text-slate-400"></i></span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div -->
|
||||||
|
|
||||||
|
<!-- GIFTED DIALOG popup -->
|
||||||
|
<dialog id="dlgGifted" class="backdrop:bg-black/75 rounded-md">
|
||||||
|
<form method="dialog">
|
||||||
|
<h1 class="text-lg text-center font-light relative px-7">Received from you</h1>
|
||||||
|
|
||||||
|
<button value="cancel" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2">Copy to Clipboard</button>
|
||||||
|
<button value="cancel" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md">Close</button>
|
||||||
|
</form>
|
||||||
|
</dialog>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- DISMISSIBLE ALERT -->
|
<!-- DISMISSIBLE ALERT -->
|
||||||
|
|||||||
Reference in New Issue
Block a user