Fix styling nits.
This commit is contained in:
parent
d84c86cb0a
commit
9d8d6d5c67
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user