fix(v2): blog item styling (#2498)

This commit is contained in:
Yangshun Tay 2020-04-02 11:14:49 +08:00 committed by GitHub
parent e902a08b52
commit e240d1b5aa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -58,23 +58,19 @@ function BlogPostItem(props) {
className={classnames('margin-bottom--sm', styles.blogPostTitle)}>
{isBlogPostPage ? title : <Link to={permalink}>{title}</Link>}
</TitleHeading>
<div className="margin-bottom--sm">
<div className="margin-vert--md">
<time dateTime={date} className={styles.blogPostDate}>
{month} {day}, {year}
</time>
</div>
<div className="avatar margin-bottom--md">
<div className="avatar margin-vert--md">
{authorImageURL && (
<a
className="avatar__photo-link"
className="avatar__photo-link avatar__photo"
href={authorURL}
target="_blank"
rel="noreferrer noopener">
<img
className="avatar__photo"
src={authorImageURL}
alt={author}
/>
<img src={authorImageURL} alt={author} />
</a>
)}
<div className="avatar__intro">