From 67340f09ed73b5076e423379302e70e3e26172a4 Mon Sep 17 00:00:00 2001
From: Codex <codex@localhost>
Date: Sat, 31 Oct 2026 19:49:30 +0800
Subject: [PATCH] Label mobile sidebar community links in two stacked rows

---
 public/css/cfn-brand.css                           | 4 +++-
 resources/views/components/nav-bar.blade.php       | 7 ++++---
 resources/views/components/telegram-link.blade.php | 5 +++--
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/public/css/cfn-brand.css b/public/css/cfn-brand.css
index da803530..dfe274c0 100644
--- a/public/css/cfn-brand.css
+++ b/public/css/cfn-brand.css
@@ -5,7 +5,9 @@ .cfn-brand__name{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",s
 .cfn-brand__accent{color:inherit;font-weight:650}
 .cfn-brand__tagline{font-size:11px;font-weight:400;letter-spacing:1.25px;color:#938798;line-height:1.25}
 body.dark .cfn-brand__tagline{color:#b7acbc}body.dark .cfn-brand__name{color:#eeeaf1}
-.mobile-sidebar-social-links{display:flex;align-items:center;gap:12px;margin:20px 24px 0;padding-top:16px;border-top:1px solid rgba(127,127,127,.16)}
+.mobile-sidebar-social-links{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;margin:20px 24px 0;padding-top:12px;border-top:1px solid rgba(127,127,127,.16)}
+.mobile-sidebar-social-link{display:flex;align-items:center;gap:7px;min-width:0;min-height:44px;padding:8px 4px;font-size:14px;line-height:1.5;white-space:nowrap;text-decoration:none!important;border-radius:4px}
+.mobile-sidebar-social-link__icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;font-size:18px;line-height:1}
 @media(max-width:1199.98px){
 .header #header>.container{position:relative;flex-wrap:nowrap;min-height:44px}
 .header .navbar-brand.cfn-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);gap:8px;margin:0;flex-shrink:0}
diff --git a/resources/views/components/nav-bar.blade.php b/resources/views/components/nav-bar.blade.php
index b1985f4a..850dc1ae 100644
--- a/resources/views/components/nav-bar.blade.php
+++ b/resources/views/components/nav-bar.blade.php
@@ -105,10 +105,11 @@ class="d-none logo-dark nc-no-lazy"
             </ul>
          </div>
          <div class="mobile-sidebar-social-links" role="navigation" aria-label="社区链接">
-             @include('components.telegram-link')
+             @include('components.telegram-link', ['telegramLabel' => 'Telegram频道'])
              <a href="{{ config('path.url_github_href') }}" target="_blank" rel="noopener noreferrer"
-                class="btn btn-link btn-icon btn-sm btn-rounded mobile-github-link" aria-label="GitHub 项目仓库（新窗口打开）" title="GitHub 项目仓库">
-                 <span><i class="iconfont icon-github-fill" aria-hidden="true"></i></span>
+                class="btn btn-link mobile-sidebar-social-link mobile-github-link" aria-label="Github地址（新窗口打开）" title="Github地址">
+                 <span class="mobile-sidebar-social-link__icon"><i class="iconfont icon-github-fill" aria-hidden="true"></i></span>
+                 <span>Github地址</span>
              </a>
          </div>
          <div class="py-5"></div>
diff --git a/resources/views/components/telegram-link.blade.php b/resources/views/components/telegram-link.blade.php
index ffaf0510..31b31ff2 100644
--- a/resources/views/components/telegram-link.blade.php
+++ b/resources/views/components/telegram-link.blade.php
@@ -1,9 +1,10 @@
 <a href="{{ config('community.telegram_url') }}" target="_blank" rel="noopener noreferrer"
-   class="btn btn-link btn-icon btn-sm btn-rounded community-telegram"
+   class="btn btn-link community-telegram {{ isset($telegramLabel) ? 'mobile-sidebar-social-link' : 'btn-icon btn-sm btn-rounded' }}"
    aria-label="加入 Telegram 频道（新窗口打开）" title="Telegram 频道">
-    <span>
+    <span class="{{ isset($telegramLabel) ? 'mobile-sidebar-social-link__icon' : '' }}">
     <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false">
         <path d="M21.94 4.67 18.9 19c-.23 1.01-.83 1.26-1.67.79l-4.63-3.41-2.23 2.15c-.25.25-.46.46-.95.46l.33-4.71 8.58-7.75c.37-.33-.08-.52-.57-.19L7.15 13.02l-4.57-1.43c-.99-.31-1.01-.99.21-1.47L20.66 3.23c.83-.31 1.56.2 1.28 1.44Z"/>
     </svg>
     </span>
+    @isset($telegramLabel)<span>{{ $telegramLabel }}</span>@endisset
 </a>