squid/blog
squid/blog
1
2
Fork 0
Code Issues 10 Pull Requests Actions Projects 1 Releases 7 Wiki Activity

BLOG-70 Add tooltip for post preview #76

Merged
squid merged 1 commits from BLOG-70_add_tooltip_for_post_preview into main 2025-07-26 01:29:18 +08:00
Conversation 0 Commits 1 Files Changed 1 +3 -3
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/lib/post/framework/ui/PostPreview.svelte
View File

@ -17,7 +17,7 @@
} }
</script> </script>
<a class="flex cursor-pointer flex-col gap-y-6" href="/post/{postInfo.id}"> <a class="flex cursor-pointer flex-col gap-y-6" href="/post/{postInfo.id}" title={postInfo.title}>
<div class="relative aspect-video overflow-hidden rounded-2xl bg-gray-200"> <div class="relative aspect-video overflow-hidden rounded-2xl bg-gray-200">
<img <img
class="rounded-2xl object-cover transition-opacity duration-300 class="rounded-2xl object-cover transition-opacity duration-300
@ -34,8 +34,8 @@
</div> </div>
<div class="flex flex-col gap-y-2.5"> <div class="flex flex-col gap-y-2.5">
<PostPreviewLabels labels={postInfo.labels} /> <PostPreviewLabels labels={postInfo.labels} />
<span class="line-clamp-1 text-lg font-bold">{postInfo.title}</span> <h2 class="line-clamp-1 text-lg font-bold">{postInfo.title}</h2>
<span class="line-clamp-3 text-justify text-sm">{postInfo.description}</span> <p class="line-clamp-3 text-justify text-sm">{postInfo.description}</p>
<span class="text-sm text-gray-500">{postInfo.formattedPublishedTime}</span> <span class="text-sm text-gray-500">{postInfo.formattedPublishedTime}</span>
</div> </div>
</a> </a>