From a4133546554f344d15b830b08ea5cb20ce23c6e8 Mon Sep 17 00:00:00 2001 From: Purple Date: Sun, 18 Jan 2026 01:53:16 +0000 Subject: [PATCH] fix aws --- webapp/login.php | 264 +++++++++++++++++++++++++++++++---------------- 1 file changed, 175 insertions(+), 89 deletions(-) diff --git a/webapp/login.php b/webapp/login.php index 983f832..d339691 100644 --- a/webapp/login.php +++ b/webapp/login.php @@ -1,9 +1,11 @@ @@ -88,6 +104,8 @@ $csrfToken = generateCSRFToken(); --error-bg: rgba(220, 53, 69, 0.1); --success: #28a745; --success-bg: rgba(40, 167, 69, 0.1); + --warning: #ffc107; + --warning-bg: rgba(255, 193, 7, 0.1); --transition: all 0.2s ease; @@ -119,6 +137,7 @@ $csrfToken = generateCSRFToken(); --error-bg: rgba(220, 53, 69, 0.2); --success-bg: rgba(40, 167, 69, 0.2); + --warning-bg: rgba(255, 193, 7, 0.2); } } @@ -204,46 +223,77 @@ $csrfToken = generateCSRFToken(); opacity: 0.9; } - .login-form { + .login-body { padding: 32px; } - .form-group { - margin-bottom: 20px; + .user-info { + text-align: center; + margin-bottom: 24px; } - .form-label { - display: block; - font-size: 13px; + .user-avatar { + width: 64px; + height: 64px; + background: var(--purple-lighter); + color: var(--purple-primary); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 24px; font-weight: 600; - color: var(--text-secondary); - margin-bottom: 8px; - text-transform: uppercase; - letter-spacing: 0.03em; + margin: 0 auto 16px; } - .form-input { - width: 100%; - padding: 14px 16px; + .user-email { font-size: 16px; - font-family: inherit; - background: var(--bg-tertiary); - border: 2px solid var(--border); - border-radius: var(--radius-md); + font-weight: 500; color: var(--text-primary); - transition: var(--transition); - outline: none; + margin-bottom: 4px; } - .form-input:focus { - border-color: var(--purple-primary); - box-shadow: 0 0 0 4px rgba(107, 45, 123, 0.1); + .user-role { + font-size: 13px; + color: var(--text-secondary); } - .form-input::placeholder { + .user-role .badge { + display: inline-block; + padding: 4px 10px; + border-radius: 20px; + font-size: 11px; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.05em; + } + + .badge-admin { + background: var(--purple-lighter); + color: var(--purple-primary); + } + + .badge-staff { + background: rgba(59, 130, 246, 0.15); + color: #3b82f6; + } + + .auth-method { + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + margin-top: 12px; + font-size: 12px; color: var(--text-tertiary); } + .auth-method svg { + width: 16px; + height: 16px; + color: #f48120; + } + .btn { display: inline-flex; align-items: center; @@ -260,6 +310,7 @@ $csrfToken = generateCSRFToken(); -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; + gap: 10px; } .btn:active { @@ -305,6 +356,18 @@ $csrfToken = generateCSRFToken(); border: 1px solid rgba(40, 167, 69, 0.3); } + .alert-warning { + background: var(--warning-bg); + color: #856404; + border: 1px solid rgba(255, 193, 7, 0.3); + } + + @media (prefers-color-scheme: dark) { + .alert-warning { + color: #ffc107; + } + } + .alert-icon { flex-shrink: 0; } @@ -325,28 +388,22 @@ $csrfToken = generateCSRFToken(); text-decoration: underline; } - /* Loading spinner */ - .spinner { - display: none; - width: 18px; - height: 18px; - border: 2px solid rgba(255, 255, 255, 0.3); - border-radius: 50%; - border-top-color: white; - animation: spin 0.8s linear infinite; - margin-right: 8px; + .no-user-message { + text-align: center; + padding: 20px; + background: var(--bg-tertiary); + border-radius: var(--radius-md); } - .btn.loading .spinner { - display: inline-block; + .no-user-message h3 { + font-size: 16px; + margin-bottom: 8px; + color: var(--text-primary); } - .btn.loading .btn-text { - opacity: 0.7; - } - - @keyframes spin { - to { transform: rotate(360deg); } + .no-user-message p { + font-size: 14px; + color: var(--text-secondary); } /* Shake animation for errors */ @@ -377,9 +434,7 @@ $csrfToken = generateCSRFToken();

Sign in to manage your geofeed entries

-
- - +
- -