fix[notifications]: error text wrapping

This commit is contained in:
Emir Karabeg
2025-03-19 02:24:18 -07:00
parent eb5d01956e
commit ba36669d90
2 changed files with 6 additions and 2 deletions
@@ -64,7 +64,9 @@ export function NotificationDropdownItem({
</span>
<span className="text-xs text-muted-foreground">{timeAgo}</span>
</div>
<p className="text-sm text-foreground">{message}</p>
<p className="text-sm text-foreground break-words break-all whitespace-normal">
{message.length > 100 ? `${message.slice(0, 60)}...` : message}
</p>
</div>
</DropdownMenuItem>
)
@@ -322,7 +322,9 @@ function NotificationAlert({ notification, isFading, onHide }: NotificationAlert
<AlertDescription className="space-y-4">
{/* Message with auto-expanding and max height */}
<p className="max-h-[300px] overflow-hidden text-ellipsis">{message}</p>
<p className="max-h-[300px] overflow-hidden break-words break-all whitespace-normal">
{message}
</p>
{/* Optional sections with copyable content */}
{options?.sections?.map((section, index) => (