fix: truncate invoice descriptions in confirm send dialog

Add proper truncation for long invoice descriptions in the wallet's
confirm send dialog. The description label is now flex-shrink-0 to
prevent it from shrinking, and a title attribute shows the full
description on hover.
This commit is contained in:
Claude
2026-01-19 14:58:10 +00:00
parent 97dd30f587
commit 118cc40a97

View File

@@ -1461,11 +1461,14 @@ export default function WalletViewer() {
</div> </div>
)} )}
{invoiceDetails?.description && ( {invoiceDetails?.description && (
<div className="flex justify-between"> <div className="flex justify-between gap-2">
<span className="text-muted-foreground"> <span className="text-muted-foreground flex-shrink-0">
Description: Description:
</span> </span>
<span className="truncate ml-2"> <span
className="truncate text-right"
title={invoiceDetails.description}
>
{invoiceDetails.description} {invoiceDetails.description}
</span> </span>
</div> </div>