From a6533e2c08bfa5a8d51531188c3ca3b8d2baa00f Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Sun, 5 May 2024 06:38:03 +0800
Subject: [PATCH] update shortener card on links page to limit true url length

---
 frontend/src/lib/components/ShortenerCard.svelte | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/ShortenerCard.svelte b/frontend/src/lib/components/ShortenerCard.svelte
index f3755f5..9fca2a4 100644
--- a/frontend/src/lib/components/ShortenerCard.svelte
+++ b/frontend/src/lib/components/ShortenerCard.svelte
@@ -125,9 +125,17 @@
 		</Card.Title>
 		<Card.Description>
 			<div class="flex gap-2 items-center">
-				<div>
-					{shortener.link}
-				</div>
+				<Tooltip.Root>
+					<Tooltip.Trigger>
+						<div
+							class="overflow-hidden whitespace-nowrap max-w-[200px] overflow-ellipsis">
+							{shortener.link}
+						</div>
+					</Tooltip.Trigger>
+					<Tooltip.Content>
+						<p>{shortener.link}</p>
+					</Tooltip.Content>
+				</Tooltip.Root>
 				{#if shortener.ios}
 					<Tooltip.Root>
 						<Tooltip.Trigger>