From 8a4a8ce13a3e60c65372138ffab2701c48c723f4 Mon Sep 17 00:00:00 2001
From: XPoet <i@xpoet.cn>
Date: Tue, 12 Sep 2023 16:43:12 +0800
Subject: [PATCH] chore(post): optimize comments anchor setting

---
 layout/_partial/comment/comment.ejs             | 5 ++---
 source/css/layout/_partial/comment/comment.styl | 9 +--------
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/layout/_partial/comment/comment.ejs b/layout/_partial/comment/comment.ejs
index 3e565109..a53db81b 100644
--- a/layout/_partial/comment/comment.ejs
+++ b/layout/_partial/comment/comment.ejs
@@ -6,9 +6,8 @@ const {
 %>
 
 <% if (theme_comment_enable === true && theme_comment_use) { %>
-    <div class="comments-container">
-        <div id="comments-anchor"></div>
-        <div class="comment-area-title">
+    <div class="comments-container border-box">
+        <div id="comments-anchor" class="comment-area-title border-box">
             <i class="fas fa-comments"></i>&nbsp;<%- __('comments') %>
         </div>
         <% if  (theme_comment_use === 'valine') { %>
diff --git a/source/css/layout/_partial/comment/comment.styl b/source/css/layout/_partial/comment/comment.styl
index 54d6d106..511b5d30 100644
--- a/source/css/layout/_partial/comment/comment.styl
+++ b/source/css/layout/_partial/comment/comment.styl
@@ -18,24 +18,17 @@ if (hexo-config('comment') && hexo-config('comment.enable') == true && hexo-conf
   width 100%
   margin-top $component-spacing-value
 
-  #comments-anchor {
-    width 100%
-    height 0.8rem
-  }
-
-
   .comment-area-title {
     width 100%
-    margin 0.8rem 0
     color var(--text-color-3)
     font-size 1.38rem
+    line-height 2
 
     i {
       color var(--text-color-3)
     }
 
     +keep-tablet() {
-      margin 0.4rem 0
       font-size 1.2rem
     }
   }