按钮位置调整(767px/575px/360px): - 注册按钮(no-login)order 改为 4,放在最右侧 - 汉堡菜单按钮(mobile-menu-toggle)order 改为 3,放在左侧 - nav-right 使用 justify-content: flex-end 让内容靠右排列 注册按钮高度优化: - 767px:line-height 改为 50px(导航栏高度) - 575px:line-height 改为 48px(导航栏高度) - 360px:line-height 改为 44px(导航栏高度) - 所有情况都使用 display: flex 和 align-items: center 垂直居中 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -2533,7 +2533,7 @@ html {
|
||||
gap: 0 !important;
|
||||
align-items: center;
|
||||
height: 100% !important;
|
||||
order: 3;
|
||||
order: 4;
|
||||
}
|
||||
|
||||
#index .no-login .nav-text-link,
|
||||
@@ -2546,12 +2546,12 @@ html {
|
||||
font-size: 10px !important;
|
||||
min-width: auto !important;
|
||||
height: 100% !important;
|
||||
line-height: 28px !important;
|
||||
line-height: 50px !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 汉堡菜单按钮样式 - 放在右侧(order: 4) */
|
||||
/* 汉堡菜单按钮样式 - 放在左侧(order: 3) */
|
||||
#index .mobile-menu-toggle {
|
||||
display: flex !important;
|
||||
flex-direction: column;
|
||||
@@ -2562,7 +2562,7 @@ html {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 0;
|
||||
order: 4;
|
||||
order: 3;
|
||||
}
|
||||
|
||||
#index .mobile-menu-toggle span {
|
||||
@@ -3075,7 +3075,7 @@ html {
|
||||
gap: 0 !important;
|
||||
align-items: center;
|
||||
height: 100% !important;
|
||||
order: 3;
|
||||
order: 4;
|
||||
}
|
||||
|
||||
#index .no-login .nav-text-link,
|
||||
@@ -3088,12 +3088,12 @@ html {
|
||||
font-size: 10px !important;
|
||||
min-width: auto !important;
|
||||
height: 100% !important;
|
||||
line-height: 28px !important;
|
||||
line-height: 48px !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 汉堡菜单按钮样式 - 放在右侧(order: 4) */
|
||||
/* 汉堡菜单按钮样式 - 放在左侧(order: 3) */
|
||||
#index .mobile-menu-toggle {
|
||||
display: flex !important;
|
||||
flex-direction: column;
|
||||
@@ -3104,7 +3104,7 @@ html {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 0;
|
||||
order: 4;
|
||||
order: 3;
|
||||
}
|
||||
|
||||
#index .mobile-menu-toggle span {
|
||||
@@ -3562,7 +3562,7 @@ html {
|
||||
gap: 0 !important;
|
||||
align-items: center;
|
||||
height: 100% !important;
|
||||
order: 3;
|
||||
order: 4;
|
||||
}
|
||||
|
||||
#index .no-login .nav-text-link,
|
||||
@@ -3575,12 +3575,12 @@ html {
|
||||
font-size: 9px !important;
|
||||
min-width: auto !important;
|
||||
height: 100% !important;
|
||||
line-height: 26px !important;
|
||||
line-height: 44px !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 汉堡菜单按钮样式 - 放在右侧(order: 4) */
|
||||
/* 汉堡菜单按钮样式 - 放在左侧(order: 3) */
|
||||
#index .mobile-menu-toggle {
|
||||
display: flex !important;
|
||||
flex-direction: column;
|
||||
@@ -3591,7 +3591,7 @@ html {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 0;
|
||||
order: 4;
|
||||
order: 3;
|
||||
}
|
||||
|
||||
#index .mobile-menu-toggle span {
|
||||
|
||||
Reference in New Issue
Block a user