Fix styling nits.

This commit is contained in:
Pico2x 2022-10-05 11:28:22 +01:00
parent d84c86cb0a
commit 9d8d6d5c67

View File

@ -28,7 +28,7 @@ export function PostCard(props: {
<div className="relative py-1"> <div className="relative py-1">
<Row <Row
className={clsx( className={clsx(
' relative gap-3 rounded-lg bg-white py-2 shadow-md hover:cursor-pointer hover:bg-gray-100', 'relative gap-3 rounded-lg bg-white py-2 px-3 shadow-md hover:cursor-pointer hover:bg-gray-100',
itemIds?.includes(post.id) && highlightClassName itemIds?.includes(post.id) && highlightClassName
)} )}
> >
@ -45,8 +45,10 @@ export function PostCard(props: {
<span className="mx-1"></span> <span className="mx-1"></span>
<span className="text-gray-500">{fromNow(post.createdTime)}</span> <span className="text-gray-500">{fromNow(post.createdTime)}</span>
</div> </div>
<div className="text-lg font-medium text-gray-900">{post.title}</div> <div className=" break-words text-lg font-medium text-gray-900">
<div className="font-small text-md text-gray-500"> {post.title}
</div>
<div className="font-small text-md break-words text-gray-500">
{post.subtitle} {post.subtitle}
</div> </div>
</div> </div>