yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 语言切换改纯文字 + 移到登录注册左边
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
- 去掉边框、背景、圆角，纯文字 CN/EN
- 去掉 SVG 地球图标
- 从右侧移到登录注册按钮左边
This commit is contained in:
yiqiu
2026-03-18 19:06:06 +08:00
parent 2b31442085
commit 21d649e3b3
2 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
common/common.css
View File

@@ -133,24 +133,21 @@
.lang-switch { .lang-switch {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 6px; gap: 3px;
padding: 5px 14px; padding: 4px 0;
margin-left: 16px; margin-right: 16px;
border-radius: 20px;
cursor: pointer; cursor: pointer;
color: rgba(203, 213, 225, 0.7); color: rgba(203, 213, 225, 0.7);
font-size: 12px; font-size: 13px;
font-weight: 500; font-weight: 500;
letter-spacing: 0.5px; letter-spacing: 0.3px;
transition: all 0.25s ease; transition: color 0.25s ease;
user-select: none; user-select: none;
background: transparent; background: transparent;
border: 1px solid rgba(148, 163, 184, 0.15); border: none;
} }
.lang-switch:hover { .lang-switch:hover {
background: rgba(56, 189, 248, 0.08);
border-color: rgba(56, 189, 248, 0.3);
color: #38BDF8; color: #38BDF8;
} }

13
public/header.html
View File

@@ -27,6 +27,12 @@
</div> </div>
</div> </div>
<div class="nav-right"> <div class="nav-right">
<!-- 语言切换（始终显示，放在最左边） -->
<div class="lang-switch nav-desktop-link" id="langSwitch" onclick="i18n.toggle()">
<span class="lang-text">CN</span>
<span class="lang-sep">/</span>
<span class="lang-alt">EN</span>
</div>
<!-- 未登录状态 --> <!-- 未登录状态 -->
<div class="no-login nav-desktop-link d-none"> <div class="no-login nav-desktop-link d-none">
<span class="nav-text-link" id="loginBtn" data-i18n="nav_login">登录</span> <span class="nav-text-link" id="loginBtn" data-i18n="nav_login">登录</span>
@@ -52,13 +58,6 @@
<div class="login-menu-item" id="logout" data-i18n="menu_logout">退出账户</div> <div class="login-menu-item" id="logout" data-i18n="menu_logout">退出账户</div>
</div> </div>
</div> </div>
<!-- 语言切换（始终显示） -->
<div class="lang-switch nav-desktop-link" id="langSwitch" onclick="i18n.toggle()">
<svg class="lang-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
<span class="lang-text">CN</span>
<span class="lang-sep">/</span>
<span class="lang-alt">EN</span>
</div>
<!-- 移动端汉堡菜单按钮 --> <!-- 移动端汉堡菜单按钮 -->
<button class="mobile-menu-toggle" id="mobileMenuToggle" aria-label="Toggle navigation"> <button class="mobile-menu-toggle" id="mobileMenuToggle" aria-label="Toggle navigation">
<img src="/web/BlackFruit-web/assets/img/header/bar.svg" alt="Menu" class="mobile-menu-icon"> <img src="/web/BlackFruit-web/assets/img/header/bar.svg" alt="Menu" class="mobile-menu-icon">