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

- 去掉边框、背景、圆角,纯文字 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

View File

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

View File

@@ -27,6 +27,12 @@
</div>
</div>
<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">
<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>
</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">
<img src="/web/BlackFruit-web/assets/img/header/bar.svg" alt="Menu" class="mobile-menu-icon">