update shortener card on links page to limit true url length

2 years ago · a6533e2c08
parent c6bdd8ee7e
commit a6533e2c08
1 changed files with 11 additions and 3 deletions
--- 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>
+				<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>