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