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

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

@ -40,18 +40,24 @@ 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">
<div className="flex items-center gap-2 whitespace-nowrap">
<FontAwesomeIcon icon={faCalendar} /> <FontAwesomeIcon icon={faCalendar} />
{date || "Unknown date"} {date || "Unknown date"}
</div>
<div className="flex items-center gap-2 whitespace-nowrap">
<FontAwesomeIcon icon={faBook} /> <FontAwesomeIcon icon={faBook} />
{readTime {readTime
? readTime + " read" ? readTime + " read"
: "unknown read time"} : "unknown read time"}
</div>
<div className="flex items-center gap-2 whitespace-nowrap">
<FontAwesomeIcon icon={faHourglass} /> <FontAwesomeIcon icon={faHourglass} />
{typeof wordCount === "number" {typeof wordCount === "number"
? wordCount + " words" ? wordCount + " words"
: "unknown length"} : "unknown length"}
</div> </div>
</div>
</small> </small>
</Card> </Card>
</a> </a>