From 5f4210feab54eb5e8f7daca31003dea406e9643e Mon Sep 17 00:00:00 2001
From: Jiajun-Peng <128776619+Jiajun-Peng@users.noreply.github.com>
Date: Mon, 31 Mar 2025 10:05:57 +0800
Subject: [PATCH] Supports customizing the width of the follow-me QR code
 (#837)

---
 source/css/_common/components/post/post-followme.styl | 3 ++-
 source/css/_variables/base.styl                       | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/source/css/_common/components/post/post-followme.styl b/source/css/_common/components/post/post-followme.styl
index 0e9332a..bfd2064 100644
--- a/source/css/_common/components/post/post-followme.styl
+++ b/source/css/_common/components/post/post-followme.styl
@@ -47,9 +47,10 @@ if (hexo-config('follow_me')) {
       .social-item-img {
         display: none;
         left: 50%;
-        max-width: $post-reward-img-width;
+        max-width: $post-followme-img-width;
         position: absolute;
         transform: translate(-50%, 20px);
+        z-index: 1;
       }
     }
   }
diff --git a/source/css/_variables/base.styl b/source/css/_variables/base.styl
index 9d69d80..fb28eb8 100644
--- a/source/css/_variables/base.styl
+++ b/source/css/_variables/base.styl
@@ -294,6 +294,7 @@ $post-eof-margin-bottom       = 60px; //  or 120px for less white space;
 
 $post-card-margin             = 1em 0 0;
 $post-reward-img-width        = 180px;
+$post-followme-img-width      = $post-reward-img-width;
 
 
 // Note colors