filename to line-clamp-2

Author: kyoheiu

src/lib/ItemComponent.svelte

@@ -13,8 +13,8 @@
 </script>
 
 {#if !hidden}
-	<div class="!w-full rounded px-2 py-4 sm:px-4 sm:w-56 md:w-44 bg-surface-100 mx-auto">
-		<div class="w-full overflow-ellipsis line-clamp-1 break-all mb-4">
+	<div class="w-full rounded px-2 py-4 sm:px-4 sm:w-56 md:w-44 bg-surface-100 mx-auto">
+		<div class="w-full line-clamp-2 break-all mb-4 leading-4">
 			<a
 				class="no-underline text-lg text-tertiary-700 font-semibold"
 				title={item.desc}
@@ -23,7 +23,7 @@
 			</a>
 		</div>
 		<div class="flex justify-between items-end">
-			<span class="text-sm text-surface-500">{toDuration(item.modified)}</span>
+			<span class="text-sm text-surface-500 pr-2">{toDuration(item.modified)}</span>
 			<button
 				class="chip variant-outline-error font-normal"
 				on:click={() => (item.showModal = true)}