From 77deec1a30d2acdffb401253675deb05c20b4677 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Fri, 18 Apr 2025 14:34:47 +0800
Subject: feat: better telegram link style

Former-commit-id: c7a4791bc39b28711ea2ba4210e3653953444309
---
 assets/css/components/_comment.scss      | 16 ++++++++++++++++
 layouts/partials/components/comment.html |  7 ++++++-
 static/img/telegram.svg                  |  1 +
 3 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 static/img/telegram.svg

diff --git a/assets/css/components/_comment.scss b/assets/css/components/_comment.scss
index 6b1c0e92..82019dec 100644
--- a/assets/css/components/_comment.scss
+++ b/assets/css/components/_comment.scss
@@ -31,3 +31,19 @@
         margin: 1rem 0
     }
 }
+
+.telegram-link-container {
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    a {
+        @include small-button;
+        font-size: .9rem;
+        display: inline-flex;
+        align-items: center;
+        gap: 0.25rem;
+        img {
+            width: 1rem;
+        }
+    }
+}
diff --git a/layouts/partials/components/comment.html b/layouts/partials/components/comment.html
index cfdfa886..64f3d554 100644
--- a/layouts/partials/components/comment.html
+++ b/layouts/partials/components/comment.html
@@ -26,7 +26,12 @@
         </p>
     </div>
     {{ if eq .Site.Language.Lang "zh" }}
-    <p style="text-align:center">你也可以加入本站的 <a href="https://t.me/teaparty418" target="_blank">Telegram 群组</a>参与讨论</p>
+    <p class="telegram-link-container">
+        <a href="https://t.me/teaparty418" target="_blank">
+            <img src="/img/telegram.svg" alt="Telegram Logo" />
+            加入本站的 Telegram 群组参与讨论
+        </a>
+    </p>
     {{ end }}
     <!-- giscus script -->
     <script id="giscus-script"
diff --git a/static/img/telegram.svg b/static/img/telegram.svg
new file mode 100644
index 00000000..854bb6a5
--- /dev/null
+++ b/static/img/telegram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="48px" height="48px"><path fill="#29b6f6" d="M24 4A20 20 0 1 0 24 44A20 20 0 1 0 24 4Z"/><path fill="#fff" d="M33.95,15l-3.746,19.126c0,0-0.161,0.874-1.245,0.874c-0.576,0-0.873-0.274-0.873-0.274l-8.114-6.733 l-3.97-2.001l-5.095-1.355c0,0-0.907-0.262-0.907-1.012c0-0.625,0.933-0.923,0.933-0.923l21.316-8.468 c-0.001-0.001,0.651-0.235,1.126-0.234C33.667,14,34,14.125,34,14.5C34,14.75,33.95,15,33.95,15z"/><path fill="#b0bec5" d="M23,30.505l-3.426,3.374c0,0-0.149,0.115-0.348,0.12c-0.069,0.002-0.143-0.009-0.219-0.043 l0.964-5.965L23,30.505z"/><path fill="#cfd8dc" d="M29.897,18.196c-0.169-0.22-0.481-0.26-0.701-0.093L16,26c0,0,2.106,5.892,2.427,6.912 c0.322,1.021,0.58,1.045,0.58,1.045l0.964-5.965l9.832-9.096C30.023,18.729,30.064,18.416,29.897,18.196z"/></svg>
\ No newline at end of file
-- 
cgit v1.2.3