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:14:20 +08:00
parent 3a904a2791
commit b8cf9b455b
1 changed files with 26 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
css/index.css
View File

@@ -106,10 +106,13 @@
align-items: stretch; align-items: stretch;
height: 100%; height: 100%;
gap: 0; gap: 0;
margin: 0 !important;
padding: 0 !important;
} }
/* 登录按钮 - 浅色边框样式，撑满高度 */ /* 登录按钮 - 浅色边框样式，撑满高度 */
#index .no-login #loginBtn { #index .no-login .btn#loginBtn,
#index .no-login #loginBtn.btn {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -126,11 +129,13 @@
transition: all 0.3s ease; transition: all 0.3s ease;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
margin: 0; margin: 0 !important;
min-width: 100px; min-width: 100px;
flex-shrink: 0;
} }
#index .no-login #loginBtn::before { #index .no-login .btn#loginBtn::before,
#index .no-login #loginBtn.btn::before {
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 0;
@@ -142,18 +147,21 @@
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
} }
#index .no-login #loginBtn:hover { #index .no-login .btn#loginBtn:hover,
#index .no-login #loginBtn.btn:hover {
color: #38BDF8; color: #38BDF8;
border-color: rgba(56, 189, 248, 0.5); border-color: rgba(56, 189, 248, 0.5);
background: rgba(56, 189, 248, 0.05); background: rgba(56, 189, 248, 0.05);
} }
#index .no-login #loginBtn:hover::before { #index .no-login .btn#loginBtn:hover::before,
#index .no-login #loginBtn.btn:hover::before {
opacity: 1; opacity: 1;
} }
/* 注册按钮 - 渐变背景样式，撑满高度 */ /* 注册按钮 - 渐变背景样式，撑满高度 */
#index .no-login #registBtn { #index .no-login .btn#registBtn,
#index .no-login #registBtn.btn {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -169,11 +177,13 @@
transition: all 0.3s ease; transition: all 0.3s ease;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
margin: 0; margin: 0 !important;
min-width: 100px; min-width: 100px;
flex-shrink: 0;
} }
#index .no-login #registBtn::before { #index .no-login .btn#registBtn::before,
#index .no-login #registBtn.btn::before {
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 0;
@@ -185,28 +195,26 @@
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
} }
#index .no-login #registBtn:hover { #index .no-login .btn#registBtn:hover,
#index .no-login #registBtn.btn:hover {
background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%); background: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%);
} }
#index .no-login #registBtn:hover::before { #index .no-login .btn#registBtn:hover::before,
#index .no-login #registBtn.btn:hover::before {
opacity: 1; opacity: 1;
} }
/* 按钮文字在最上层 */
#index .no-login #loginBtn,
#index .no-login #registBtn {
position: relative;
}
/* 响应式 */ /* 响应式 */
@media (max-width: 768px) { @media (max-width: 768px) {
#index .nav-header { #index .nav-header {
height: 60px; height: 60px;
} }
#index .no-login #loginBtn, #index .no-login .btn#loginBtn,
#index .no-login #registBtn { #index .no-login #loginBtn.btn,
#index .no-login .btn#registBtn,
#index .no-login #registBtn.btn {
padding: 0 20px; padding: 0 20px;
font-size: 13px; font-size: 13px;
min-width: 80px; min-width: 80px;