fix trade history misalignment

This commit is contained in:
badblocks 2025-04-17 19:24:13 -07:00
parent fca80b88d4
commit 7c872740b5

View file

@ -80,12 +80,12 @@
</div> </div>
<div class="divider"></div> <div class="divider"></div>
<div class="font-semibold text-center sm:text-lg mb-2">Trade History:</div> <div class="font-semibold text-center sm:text-lg mb-2">Trade History:</div>
<div class="flex flex-row flex-wrap justify-start items-baseline gap-y-2 w-65 xs:w-88 sm:w-90 lg:w-181 mx-auto"> <div class="flex flex-col justify-center items-baseline gap-y-2 w-90 mx-auto">
{% for trade in object.acceptances.all %} {% for trade in object.acceptances.all %}
<div class="grid grid-cols-2 justify-items-between items-baseline w-65 xs:w-88 sm:w-90 lg:w-181"> <div class="flex flex-row flex-wrap justify-around items-baseline w-90">
<div class="">{% card_badge trade.offered_card %}</div> <div class="grow-0">{% card_badge trade.offered_card %}</div>
<div class="">{% card_badge trade.requested_card %}</div> <div class="grow-0">{% card_badge trade.requested_card %}</div>
<div class="col-span-2 text-center mt-1">{{ trade.accepted_by.user.username }} &bull; <a class="link link-hover" href="{% url 'trade_acceptance_update' pk=trade.pk %}">#{{ trade.hash }}</a> &bull; {{ trade.get_state_display }}</div> <div class="text-center mt-1">{{ trade.accepted_by.user.username }} &bull; <a class="link link-hover" href="{% url 'trade_acceptance_update' pk=trade.pk %}">#{{ trade.hash }}</a> &bull; {{ trade.get_state_display }}</div>
</div> </div>
{% empty %} {% empty %}
<div class="text-center justify-center w-full text-center">No trades yet.</div> <div class="text-center justify-center w-full text-center">No trades yet.</div>