mirror of
https://github.com/sonr-io/sonr.git
synced 2026-08-03 01:41:44 +00:00
32 lines
1022 B
Templ
32 lines
1022 B
Templ
package cards
|
|
|
|
templ ProfileCard(address string, handle string, name string, chainID string, creationBlock string) {
|
|
<div class="profile-card">
|
|
<div class="text-white max-w-xs my-auto mx-auto bg-gradient-to-r from-blue-900 to-blue-500 p-4 py-5 px-5 rounded-xl">
|
|
<div class="flex justify-between">
|
|
<div>
|
|
<h2>{ chainID }</h2>
|
|
<p class="text-2xl font-bold">{ handle }</p>
|
|
</div>
|
|
<div class="flex items-center ">
|
|
<div class="p-5 bg-gray-200 bg-opacity-40 rounded-full"></div>
|
|
<div class="p-5 bg-gray-200 bg-opacity-30 rounded-full -ml-4"></div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-5 flex justify-between items-center w-52">
|
|
<span class="text-lg">{ address }</span>
|
|
</div>
|
|
<div class="flex justify-between mt-5 w-48 ">
|
|
<div>
|
|
<h3 class="text-xs">Block Created </h3>
|
|
<p class="font-bold"><span>#</span>{ creationBlock }</p>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-xs">Issued to</h3>
|
|
<p class="font-bold">{ name }</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|