fix: truncate invoice descriptions in confirm send dialog (#155)

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.

Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
Alejandro
2026-01-19 16:24:53 +01:00
committed by GitHub
parent 9e11fb590f
commit 2ce81f3ad8

View File

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