ui: optimize post share layout

XPoet · Sep 20, 2023 · 4141cf4 · 4141cf4
1 parent 9403947
commit 4141cf4
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 13 deletions.
diff --git a/layout/article-content.ejs b/layout/article-content.ejs
@@ -66,18 +66,22 @@
                 <% } %>
 
                 <div class="post-bottom-tags-and-share border-box">
-                    <% if (page.tags.length) { %>
-                        <ul class="post-tags-box border-box">
-                            <% page.tags.forEach((tag) => { %>
-                                <li class="tag-item border-box">
-                                    <a href="<%- url_for(tag.path) %>"><i class="icon fas fa-hashtag"></i><%= tag.name %></a>&nbsp;
-                                </li>
-                            <% }) %>
-                        </ul>
-                    <% } %>
-                    <% if (theme?.post?.share === true && page?.share !== false) { %>
-                        <%- partial('_partial/post/post-share') %>
-                    <% } %>
+                    <div>
+                        <% if (page.tags.length) { %>
+                            <ul class="post-tags-box border-box">
+                                <% page.tags.forEach((tag) => { %>
+                                    <li class="tag-item border-box">
+                                        <a href="<%- url_for(tag.path) %>"><i class="icon fas fa-hashtag"></i><%= tag.name %></a>&nbsp;
+                                    </li>
+                                <% }) %>
+                            </ul>
+                        <% } %>
+                    </div>
+                    <div>
+                        <% if (theme?.post?.share === true && page?.share !== false) { %>
+                            <%- partial('_partial/post/post-share') %>
+                        <% } %>
+                    </div>
                 </div>
 
                 <% if (theme?.post?.reward?.enable === true && theme?.post?.reward?.img_link && page?.reward !== false) { %>

diff --git a/source/css/layout/article-content.styl b/source/css/layout/article-content.styl
@@ -263,7 +263,6 @@ $spacer-padding = 2rem
 
       .post-bottom-tags-and-share {
         display flex
-        align-items center
         justify-content space-between
         width 100%
         margin-top 1rem