tom/fn_b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Label mobile sidebar community links in two stacked rows

Browse Source
This commit is contained in:
Codex 2026-10-31 19:49:30 +08:00
parent 3efc135f00
commit 67340f09ed
3 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/css/cfn-brand.css
View File

@ -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}

7
resources/views/components/nav-bar.blade.php
View File

@ -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>

5
resources/views/components/telegram-link.blade.php
View File

@ -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>