Gifting + Commitments

This commit is contained in:
Jose Olarte III
2024-02-07 15:31:12 +08:00
parent 44b46ace0a
commit 8c767c48cc
2 changed files with 75 additions and 2 deletions

View File

@@ -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>
<!-- 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">&hellip;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>
<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>
</li>
</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>
<!-- DISMISSIBLE ALERT -->