This commit is contained in:
113
css/index.css
113
css/index.css
@@ -214,91 +214,58 @@
|
|||||||
移动端导航优化
|
移动端导航优化
|
||||||
============================================ */
|
============================================ */
|
||||||
|
|
||||||
/* ============================================
|
/* 移动端响应式优化 */
|
||||||
Huawei Style Mobile Header (Light Theme)
|
@media (max-width: 768px) {
|
||||||
============================================ */
|
|
||||||
|
|
||||||
/* Global Mobile Background - White */
|
/* 调整导航栏高度 */
|
||||||
#index {
|
#index .nav-header {
|
||||||
background: #ffffff !important;
|
height: 56px;
|
||||||
}
|
|
||||||
|
|
||||||
/* Header Container - White Background, Shadow */
|
|
||||||
#index .nav-header {
|
|
||||||
height: 60px;
|
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
background: #ffffff !important;
|
}
|
||||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hidden Desktop Elements */
|
/* 隐藏桌面端导航菜单 */
|
||||||
#index .nav-menu,
|
#index .nav-menu {
|
||||||
#index .nav-desktop-link,
|
|
||||||
#index .no-login,
|
|
||||||
/* Hide desktop login/register buttons */
|
|
||||||
#index .login-in {
|
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Logo Branding - Auto Dark Mode Adjustment if needed, assuming logo is distinct */
|
/* 隐藏桌面端的文档、控制台链接 */
|
||||||
#index .nav-icon {
|
#index .nav-desktop-link {
|
||||||
flex: 0 0 auto;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#index .nav-icon img {
|
/* Logo 缩小 */
|
||||||
height: 28px;
|
#index .nav-icon img {
|
||||||
max-height: 28px;
|
max-height: 32px;
|
||||||
/* If logo is white text, invert it for white background */
|
}
|
||||||
filter: invert(1) brightness(0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Mobile User Icon - Black */
|
/* 调整移动端注册按钮样式 - 长方形无圆角,撑满导航栏高度 */
|
||||||
#index .mobile-user-btn {
|
#index .no-login .btn.btn-normal#registBtn {
|
||||||
display: flex !important;
|
padding: 0 24px !important;
|
||||||
align-items: center;
|
font-size: 15px !important;
|
||||||
justify-content: center;
|
min-width: auto !important;
|
||||||
width: 32px;
|
border-radius: 0 !important;
|
||||||
height: 32px;
|
border-left: none !important;
|
||||||
color: #333333;
|
height: 56px !important;
|
||||||
margin-right: 12px;
|
margin-right: -16px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#index .mobile-user-btn svg {
|
/* 移动端注册按钮图标隐藏 */
|
||||||
width: 24px;
|
#index .no-login .btn.btn-normal#registBtn::before {
|
||||||
height: 24px;
|
display: none;
|
||||||
stroke-width: 1.5;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
/* Hamburger Menu - Black Lines */
|
/* 移动端登录按钮(如果需要显示) */
|
||||||
#index .mobile-menu-toggle {
|
#index .no-login .nav-text-link#loginBtn {
|
||||||
|
padding: 0 12px !important;
|
||||||
|
font-size: 14px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 确保汉堡菜单按钮显示 - 无背景,只显示白色横线 */
|
||||||
|
#index .mobile-menu-toggle {
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
background: transparent !important;
|
background: transparent !important;
|
||||||
border: none !important;
|
border: none !important;
|
||||||
width: 32px;
|
}
|
||||||
height: 32px;
|
|
||||||
padding: 0;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#index .mobile-menu-toggle span {
|
|
||||||
background-color: #333333 !important;
|
|
||||||
height: 2px;
|
|
||||||
width: 20px;
|
|
||||||
margin: 3px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Nav Right Container (User + Menu) */
|
|
||||||
#index .nav-right {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-left: auto;
|
|
||||||
/* Push to right */
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 首页下拉菜单优化 - 确保高层级 */
|
/* 首页下拉菜单优化 - 确保高层级 */
|
||||||
|
|||||||
Reference in New Issue
Block a user