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
This commit is contained in:
yiqiu
2025-11-24 00:18:52 +08:00
parent b8cf9b455b
commit e2b99f5a94
1 changed files with 63 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
css/index.css
View File

@@ -102,40 +102,40 @@
/* 登录注册容器 */ /* 登录注册容器 */
#index .no-login { #index .no-login {
display: flex; display: flex !important;
align-items: stretch; align-items: stretch !important;
height: 100%; height: 100% !important;
gap: 0; gap: 0 !important;
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
flex-direction: row !important;
} }
/* 登录按钮 - 浅色边框样式，撑满高度 */ /* 登录按钮 - 浅色边框样式，撑满高度 */
#index .no-login .btn#loginBtn, #index .no-login .btn.btn-normal-light.mr-10#loginBtn {
#index .no-login #loginBtn.btn { display: flex !important;
display: flex; align-items: center !important;
align-items: center; justify-content: center !important;
justify-content: center; padding: 0 32px !important;
padding: 0 32px; font-size: 14px !important;
font-size: 14px; font-weight: 500 !important;
font-weight: 500; color: #E5E7EB !important;
color: #E5E7EB; background: transparent !important;
background: transparent; border: 1px solid rgba(148, 163, 184, 0.3) !important;
border: 1px solid rgba(148, 163, 184, 0.3); border-top: none !important;
border-top: none; border-bottom: none !important;
border-bottom: none; border-radius: 0 !important;
border-radius: 0; cursor: pointer !important;
cursor: pointer; transition: all 0.3s ease !important;
transition: all 0.3s ease; position: relative !important;
position: relative; overflow: hidden !important;
overflow: hidden;
margin: 0 !important; margin: 0 !important;
min-width: 100px; min-width: 100px !important;
flex-shrink: 0; flex-shrink: 0 !important;
box-shadow: none !important;
} }
#index .no-login .btn#loginBtn::before, #index .no-login .btn.btn-normal-light.mr-10#loginBtn::before {
#index .no-login #loginBtn.btn::before {
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 0;
@@ -145,45 +145,44 @@
background: rgba(56, 189, 248, 0.1); background: rgba(56, 189, 248, 0.1);
opacity: 0; opacity: 0;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
pointer-events: none;
} }
#index .no-login .btn#loginBtn:hover, #index .no-login .btn.btn-normal-light.mr-10#loginBtn:hover {
#index .no-login #loginBtn.btn:hover { color: #38BDF8 !important;
color: #38BDF8; border-color: rgba(56, 189, 248, 0.5) !important;
border-color: rgba(56, 189, 248, 0.5); background: rgba(56, 189, 248, 0.05) !important;
background: rgba(56, 189, 248, 0.05); box-shadow: none !important;
} }
#index .no-login .btn#loginBtn:hover::before, #index .no-login .btn.btn-normal-light.mr-10#loginBtn:hover::before {
#index .no-login #loginBtn.btn:hover::before {
opacity: 1; opacity: 1;
} }
/* 注册按钮 - 渐变背景样式，撑满高度 */ /* 注册按钮 - 渐变背景样式，撑满高度 */
#index .no-login .btn#registBtn, #index .no-login .btn.btn-normal#registBtn {
#index .no-login #registBtn.btn { display: flex !important;
display: flex; align-items: center !important;
align-items: center; justify-content: center !important;
justify-content: center; padding: 0 32px !important;
padding: 0 32px; font-size: 14px !important;
font-size: 14px; font-weight: 500 !important;
font-weight: 500; color: #ffffff !important;
color: #ffffff; background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important;
background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%); border: none !important;
border: none; border-left: 1px solid rgba(148, 163, 184, 0.15) !important;
border-left: 1px solid rgba(148, 163, 184, 0.15); border-radius: 0 !important;
border-radius: 0; cursor: pointer !important;
cursor: pointer; transition: all 0.3s ease !important;
transition: all 0.3s ease; position: relative !important;
position: relative; overflow: hidden !important;
overflow: hidden;
margin: 0 !important; margin: 0 !important;
min-width: 100px; min-width: 100px !important;
flex-shrink: 0; flex-shrink: 0 !important;
box-shadow: none !important;
} }
#index .no-login .btn#registBtn::before, #index .no-login .btn.btn-normal#registBtn::before {
#index .no-login #registBtn.btn::before {
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 0;
@@ -193,15 +192,15 @@
background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%); background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%);
opacity: 0; opacity: 0;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
pointer-events: none;
} }
#index .no-login .btn#registBtn:hover, #index .no-login .btn.btn-normal#registBtn:hover {
#index .no-login #registBtn.btn:hover { background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%) !important;
background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%); box-shadow: 0 4px 16px rgba(56, 189, 248, 0.4) !important;
} }
#index .no-login .btn#registBtn:hover::before, #index .no-login .btn.btn-normal#registBtn:hover::before {
#index .no-login #registBtn.btn:hover::before {
opacity: 1; opacity: 1;
} }
@@ -211,13 +210,11 @@
height: 60px; height: 60px;
} }
#index .no-login .btn#loginBtn, #index .no-login .btn.btn-normal-light.mr-10#loginBtn,
#index .no-login #loginBtn.btn, #index .no-login .btn.btn-normal#registBtn {
#index .no-login .btn#registBtn, padding: 0 20px !important;
#index .no-login #registBtn.btn { font-size: 13px !important;
padding: 0 20px; min-width: 80px !important;
font-size: 13px;
min-width: 80px;
} }
} }