Make the wallet balance look a bit nicer

This commit is contained in:
Basti 2021-11-23 20:08:54 -06:00
parent 46c7affd1f
commit 669b163814

View File

@ -1,16 +1,21 @@
<section class="w-full grid grid-cols-1 md:grid-cols-2"> <section class="w-full grid grid-cols-1 md:grid-cols-12 md:mb-0">
<div> <div class="md:col-span-8">
<h2>Wallet</h2> <h2>Wallet</h2>
<p> <p>
Send and receive BTC via the Lightning Network. Send and receive sats via the Bitcoin Lightning Network.
</p>
</div>
<div class="md:col-span-4 mt-4 md:mt-0">
<p class="font-mono md:text-right p-4 bg-gray-50 shadow rounded-lg overflow-hidden">
<% if @balance %>
<span class="text-xl">48590<%= @balance %> sats</span><br>
<span class="text-sm text-gray-500">Available balance</span>
<% else %>
<span class="text-xl">n/a<%= @balance %> sats</span><br>
<span class="text-sm text-gray-500">Balance unavailable</span>
<% end %>
</p> </p>
</div> </div>
<p class="font-mono mt-4 md:text-right md:mt-0">
<% if @balance %>
<span class="text-xl"><%= @balance %> sats</span><br>
<span class="text-sm text-gray-500">Available balance</span>
<% end %>
</p>
</section> </section>
<section> <section>