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