From bca39790dd1e8e8f4feee205ce805552552c84cb Mon Sep 17 00:00:00 2001 From: CN-JS-HuiBai Date: Thu, 2 Apr 2026 19:36:25 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=85=8D=E8=89=B2=E6=96=B9?= =?UTF-8?q?=E6=A1=88=EF=BC=8C=E8=B0=83=E6=95=B4=E4=BA=86=E9=A1=B6=E9=83=A8?= =?UTF-8?q?=E6=A8=AA=E5=B9=85=E7=9A=84=E5=B8=83=E5=B1=80=EF=BC=8C=E4=BD=BF?= =?UTF-8?q?=E5=85=B6=E5=86=85=E5=AE=B9=E9=9D=A0=E5=B7=A6=E5=AF=B9=E9=BD=90?= =?UTF-8?q?=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .env.example | 3 --- public/css/style.css | 38 ++++++++++++++++++++++---------------- 2 files changed, 22 insertions(+), 19 deletions(-) diff --git a/.env.example b/.env.example index 03681c6..ace6996 100644 --- a/.env.example +++ b/.env.example @@ -3,10 +3,7 @@ HOST=0.0.0.0 # AWS S3 / MinIO Configuration 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_NAME=your_s3_bucket_name # For MinIO or other S3-compatible storage S3_ENDPOINT=http://127.0.0.1:9000 diff --git a/public/css/style.css b/public/css/style.css index eda39ec..9c51ca4 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -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 {