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

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

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