pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

fix: fix post card metadata wrapping incorrectly #73

Merged
developomp merged 1 commit from fix-post-card-metadata-wrapping into master 2023-07-09 10:20:11 +09:00
Conversation 0 Commits 1 Files changed 1 +17 -11
1 changed files with 17 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 4ff379374e - Show all commits

8
apps/blog/src/components/PostCard.tsx
View file

@ -40,18 +40,24 @@ export default function PostCard({ postData, className }: Props) {
))}
</TagList>
<hr />
<div className="flex items-center gap-2">
<div className="flex flex-wrap items-center gap-2">
<div className="flex items-center gap-2 whitespace-nowrap">
<FontAwesomeIcon icon={faCalendar} />
{date || "Unknown date"}
</div>
<div className="flex items-center gap-2 whitespace-nowrap">
<FontAwesomeIcon icon={faBook} />
{readTime
? readTime + " read"
: "unknown read time"}
</div>
<div className="flex items-center gap-2 whitespace-nowrap">
<FontAwesomeIcon icon={faHourglass} />
{typeof wordCount === "number"
? wordCount + " words"
: "unknown length"}
</div>
</div>
</small>
</Card>
</a>