diff options
| author | Eltrac <hi@guhub.cn> | 2025-04-18 14:34:47 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-04-18 14:34:47 +0800 |
| commit | c7a4791bc39b28711ea2ba4210e3653953444309 (patch) | |
| tree | 701028732ae5831f6b972a7837ea4c2585fee3d2 | |
| parent | 4359a40fad0efa27aec103eded08c88439238598 (diff) | |
feat: better telegram link style
| -rw-r--r-- | assets/css/components/_comment.scss | 16 | ||||
| -rw-r--r-- | layouts/partials/components/comment.html | 7 | ||||
| -rw-r--r-- | static/img/telegram.svg | 1 |
3 files changed, 23 insertions, 1 deletions
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 |
