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