Support displaying wider follow-me QR code images

next-theme · Sep 1, 2024 · 2bd1f74 · 2bd1f74
1 parent 0708dc7
commit 2bd1f74
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git 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
@@ -292,6 +292,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      = 460px;
 
 
 // Note colors