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

fix: fix post card metadata wrapping incorrectly (#73)

Browse source
This commit is contained in:
Kim, Jimin 2023-07-09 10:20:11 +09:00 • committed by GitHub
parent c9f14bf43b
commit d31eb73ffd
Signed by: github
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -40,17 +40,23 @@ export default function PostCard({ postData, className }: Props) {
))}
</TagList>
<hr />
<div className="flex items-center gap-2">
<FontAwesomeIcon icon={faCalendar} />
{date || "Unknown date"}
<FontAwesomeIcon icon={faBook} />
{readTime
? readTime + " read"
: "unknown read time"}
<FontAwesomeIcon icon={faHourglass} />
{typeof wordCount === "number"
? wordCount + " words"
: "unknown length"}
<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>