Expand payment panel details to full height

This commit is contained in:
Victor Andersson
2025-11-09 13:09:51 +01:00
parent f114625b80
commit 5215c156b6

View File

@@ -147,8 +147,8 @@
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
</svg>
</summary>
<div class="rounded-2xl bg-white/80 p-4">
<dl class="grid gap-2 text-sm text-green-900 md:grid-cols-2">
<div class="rounded-2xl bg-white/80 p-4 md:h-full">
<dl class="grid h-full gap-2 text-sm text-green-900 md:grid-cols-2">
<div>
<dt class="text-xs uppercase tracking-wide text-green-700">{% trans "Belopp" %}</dt>
<dd class="text-lg font-semibold">{{ claim.amount }} {{ claim.currency }}</dd>
@@ -165,6 +165,14 @@
<dt class="text-xs uppercase tracking-wide text-green-700">{% trans "Skapad" %}</dt>
<dd>{{ claim.created_at|date:"Y-m-d H:i" }}</dd>
</div>
<div>
<dt class="text-xs uppercase tracking-wide text-green-700">{% trans "E-post" %}</dt>
<dd>{{ claim.email }}</dd>
</div>
<div>
<dt class="text-xs uppercase tracking-wide text-green-700">{% trans "Projekt" %}</dt>
<dd>{{ claim.project|default:"-" }}</dd>
</div>
</dl>
<p class="mt-3 text-[11px] text-green-700">{% trans "Använd referensen och beloppet när du lägger upp betalningen hjälper att undvika dubbletter." %}</p>
</div>