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

修复注册按钮不显示的问题
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
- 改为 align-items: center 垂直居中对齐
- 移除 padding-top 防止按钮溢出
- 添加 box-sizing: border-box 确保 height 100% 包含 padding
- 应用于所有断点：桌面端、767px、575px、360px

问题原因：height: 100% + padding-top 导致按钮总高度超出容器

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yiqiu
2025-12-17 14:06:21 +08:00
parent 3dde06f903
commit 931e1cdf58
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
css/index.css
View File

@@ -140,7 +140,7 @@
/* 注册按钮 - 渐变背景样式，撑满高度 */ /* 注册按钮 - 渐变背景样式，撑满高度 */
#index .no-login .btn.btn-normal#registBtn { #index .no-login .btn.btn-normal#registBtn {
display: flex !important; display: flex !important;
align-items: flex-start !important; align-items: center !important;
justify-content: center !important; justify-content: center !important;
gap: 8px !important; gap: 8px !important;
padding: 0 36px !important; padding: 0 36px !important;
@@ -160,7 +160,7 @@
flex-shrink: 0 !important; flex-shrink: 0 !important;
box-shadow: none !important; box-shadow: none !important;
height: 100% !important; height: 100% !important;
padding-top: 3px !important; box-sizing: border-box !important;
} }
/* 注册按钮文字 - 确保始终在最上层 */ /* 注册按钮文字 - 确保始终在最上层 */
@@ -2556,13 +2556,13 @@ html {
height: 100% !important; height: 100% !important;
line-height: 1 !important; line-height: 1 !important;
display: flex !important; display: flex !important;
align-items: flex-start !important; align-items: center !important;
justify-content: center !important; justify-content: center !important;
margin: 0 !important; margin: 0 !important;
border: none !important; border: none !important;
background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important; background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
flex-shrink: 0 !important; flex-shrink: 0 !important;
padding-top: 2px !important; box-sizing: border-box !important;
} }
#index .no-login .btn.btn-normal#registBtn::before { #index .no-login .btn.btn-normal#registBtn::before {
@@ -3114,12 +3114,13 @@ html {
height: 100% !important; height: 100% !important;
line-height: 1 !important; line-height: 1 !important;
display: flex !important; display: flex !important;
align-items: flex-start !important; align-items: center !important;
justify-content: center !important; justify-content: center !important;
margin: 0 !important; margin: 0 !important;
border: none !important; border: none !important;
background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important; background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
flex-shrink: 0 !important; flex-shrink: 0 !important;
box-sizing: border-box !important;
} }
#index .no-login .btn.btn-normal#registBtn::before { #index .no-login .btn.btn-normal#registBtn::before {
@@ -3616,12 +3617,13 @@ html {
height: 100% !important; height: 100% !important;
line-height: 1 !important; line-height: 1 !important;
display: flex !important; display: flex !important;
align-items: flex-start !important; align-items: center !important;
justify-content: center !important; justify-content: center !important;
margin: 0 !important; margin: 0 !important;
border: none !important; border: none !important;
background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important; background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
flex-shrink: 0 !important; flex-shrink: 0 !important;
box-sizing: border-box !important;
} }
#index .no-login .btn.btn-normal#registBtn::before { #index .no-login .btn.btn-normal#registBtn::before {