修改配色方案,调整了顶部横幅的布局,使其内容靠左对齐。

This commit is contained in:
CN-JS-HuiBai
2026-04-02 19:36:25 +08:00
parent 1580b589c0
commit bca39790dd
2 changed files with 22 additions and 19 deletions

View File

@@ -125,34 +125,35 @@ header p {
display: flex;
align-items: center;
justify-content: center;
background: rgba(15, 23, 42, 0.92);
background: rgba(255, 255, 255, 0.92);
z-index: 50;
padding: 2rem;
}
.login-card {
width: min(480px, 100%);
background: rgba(15, 23, 42, 0.96);
border: 1px solid rgba(148, 163, 184, 0.15);
background: #ffffff;
border: 1px solid rgba(148, 163, 184, 0.3);
border-radius: 24px;
padding: 2rem;
box-shadow: 0 40px 80px rgba(15, 23, 42, 0.4);
box-shadow: 0 20px 60px rgba(15, 23, 42, 0.12);
}
.login-card h2 {
margin: 0 0 1rem;
margin: 0 0 0.75rem;
font-size: 1.75rem;
color: #111827;
}
.login-card p {
color: var(--text-secondary);
color: #6b7280;
margin: 0 0 1.5rem;
}
.login-card label {
display: block;
margin-bottom: 1rem;
color: var(--text-secondary);
color: #4b5563;
font-size: 0.95rem;
}
@@ -163,21 +164,26 @@ header p {
.login-card input {
width: 100%;
border: 1px solid var(--panel-border);
background: rgba(255, 255, 255, 0.06);
color: var(--text-primary);
border: 1px solid rgba(148, 163, 184, 0.5);
background: #f8fafc;
color: #111827;
border-radius: 12px;
padding: 0.85rem 1rem;
outline: none;
}
.login-card input:focus {
border-color: #2563eb;
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
}
.login-card .primary-btn {
width: 100%;
margin-top: 0.75rem;
}
.form-error {
color: #f97316;
color: #dc2626;
margin-top: 0.75rem;
}
@@ -187,15 +193,15 @@ header p {
.bucket-panel label {
display: block;
color: var(--text-secondary);
color: #4b5563;
margin-bottom: 0.5rem;
}
.bucket-panel select {
width: 100%;
background: rgba(255, 255, 255, 0.08);
color: var(--text-primary);
border: 1px solid var(--panel-border);
background: #f8fafc;
color: #111827;
border: 1px solid rgba(148, 163, 184, 0.5);
border-radius: 10px;
padding: 0.5rem 0.75rem;
outline: none;
@@ -230,7 +236,7 @@ header p {
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
justify-content: flex-start;
}
.top-banner.hidden {