CN-JS-HuiBai/Media-Coding-Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

3
.env.example
View File

@@ -3,10 +3,7 @@ HOST=0.0.0.0
# AWS S3 / MinIO Configuration # AWS S3 / MinIO Configuration
AWS_REGION=us-east-1 AWS_REGION=us-east-1
AWS_ACCESS_KEY_ID=your_access_key
AWS_SECRET_ACCESS_KEY=your_secret_key
S3_BUCKET_ADDRESS=https://s3.example.com/your_bucket_name S3_BUCKET_ADDRESS=https://s3.example.com/your_bucket_name
S3_BUCKET_NAME=your_s3_bucket_name
# For MinIO or other S3-compatible storage # For MinIO or other S3-compatible storage
S3_ENDPOINT=http://127.0.0.1:9000 S3_ENDPOINT=http://127.0.0.1:9000

38
public/css/style.css
View File

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