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