[apisix-website] branch master updated: fix: abnormal display of dividing line in blog (#556)

[liuxiran]

This is an automated email from the ASF dual-hosted git repository.

liuxiran pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/apisix-website.git


The following commit(s) were added to refs/heads/master by this push:
     new bb734d5  fix: abnormal display of dividing line in blog (#556)
bb734d5 is described below

commit bb734d5c700b1cdde54880e761a8230a372e734f
Author: Baoyuan <baoyuan....@gmail.com>
AuthorDate: Mon Sep 6 15:56:07 2021 -0500

    fix: abnormal display of dividing line in blog (#556)
---
 website/src/theme/BlogPostItem/index.js          | 10 +++++-----
 website/src/theme/BlogPostItem/styles.module.css |  3 +++
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/website/src/theme/BlogPostItem/index.js 
b/website/src/theme/BlogPostItem/index.js
index 4ded666..09f3563 100644
--- a/website/src/theme/BlogPostItem/index.js
+++ b/website/src/theme/BlogPostItem/index.js
@@ -73,10 +73,10 @@ function BlogPostItem(props) {
               )}
             </div>
           </div>
-          <div className={`margin-bottom--md ${styles.line}`}>
+          {author && <div className={`margin-bottom--md ${styles.line}`}>
             <div></div>
-          </div>
-          <div className={`margin-bottom--md ${styles.headerDate}`}>
+          </div>}
+          <div className={`margin-bottom--md ${styles.headerDate} ${author && 
styles.marginLeft}`}>
             <DateLogo />
             <time dateTime={date} className={styles.blogPostDate}>
               {formattedDate}
@@ -88,9 +88,9 @@ function BlogPostItem(props) {
               )}
             </time>
           </div>
-          <div className={`margin-bottom--md ${styles.line}`}>
+          {tags.length > 0 && <div className={`margin-bottom--md 
${styles.line}`}>
             <div></div>
-          </div>
+          </div>}
           <div className={`margin-bottom--md`}>
             {tags.length > 0 && (
               <div className={`col ${styles.headerTags}`}>
diff --git a/website/src/theme/BlogPostItem/styles.module.css 
b/website/src/theme/BlogPostItem/styles.module.css
index cb58acc..8f710d6 100644
--- a/website/src/theme/BlogPostItem/styles.module.css
+++ b/website/src/theme/BlogPostItem/styles.module.css
@@ -12,6 +12,9 @@
 .headerDate {
   display: flex;
   align-items: center;
+}
+
+.marginLeft {
   margin-left: 16px;
 }