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 {