✨ feat(BlogArea): improve layout of blogpost details
Modify the layout of the blogpost details section to better align the content vertically. This change ensures the "Posted" date is aligned with the bottom of the blogpost description, creating a more balanced and visually appealing design.
This commit is contained in:
@@ -46,7 +46,7 @@ export default function BlogArea({ blogposts }: BlogAreaProps) {
|
|||||||
<div className="blogpost-description text-base mb-4">
|
<div className="blogpost-description text-base mb-4">
|
||||||
{blogpost.body.slice(0, 512)}...
|
{blogpost.body.slice(0, 512)}...
|
||||||
</div>
|
</div>
|
||||||
<div className="blogpost-other flex flex-row justify-between items-center">
|
<div className="blogpost-other flex flex-row justify-between items-end mt-auto">
|
||||||
<div className="text-base">
|
<div className="text-base">
|
||||||
<p>Posted: {blogpost.publish}</p>
|
<p>Posted: {blogpost.publish}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user