forked from Nixius/authelia
1
0
Fork 0

Add Account Security card with direct links to Authelia settings

Replaces the generic "Account Settings" button with a dedicated card
containing passkey, TOTP, and password links plus a warning about
enabling 2FA to prevent account compromise.

Made-with: Cursor
This commit is contained in:
Leopere 2026-03-03 18:21:50 -05:00
parent bd84b0a578
commit 8f55b9802b
Signed by: colin
SSH Key Fingerprint: SHA256:nRPCQTeMFLdGytxRQmPVK9VXY3/ePKQ5lGRyJhT5DY8
1 changed files with 23 additions and 1 deletions

View File

@ -115,6 +115,16 @@
.btn-warning:hover { background: rgba(234,179,8,0.22); color: #eab308; }
.btn-sm { padding: 0.45rem 0.9rem; font-size: 0.82rem; }
.divider { border: none; border-top: 1px solid var(--border); margin: 1rem 0; }
.security-notice {
background: rgba(234, 179, 8, 0.08);
border: 1px solid rgba(234, 179, 8, 0.25);
border-radius: 8px;
padding: 0.85rem 1.1rem;
font-size: 0.88rem;
line-height: 1.55;
color: var(--muted);
}
.security-notice strong { color: #eab308; }
.version-badge {
position: fixed;
bottom: 0.75rem;
@ -222,12 +232,24 @@
{{end}}
</form>
{{end}}
<a href="{{.AutheliaURL}}" class="btn btn-outline">Account Settings</a>
</div>
<p style="color: var(--muted); font-size: 0.8rem; margin-top: 1rem;">
No refunds for the current billing period. Access continues until the end of your paid month.
</p>
</div>
<div class="card">
<h2>Account Security</h2>
<div class="security-notice">
<strong>We strongly recommend enabling two-factor authentication.</strong>
Accounts involved in system abuse will be removed. Passkeys and TOTP are the
best way to ensure your account is never compromised and used without your knowledge.
</div>
<div class="actions">
<a href="{{.AutheliaURL}}/#/settings" class="btn btn-outline btn-sm">Set Up Passkey</a>
<a href="{{.AutheliaURL}}/#/settings" class="btn btn-outline btn-sm">Set Up TOTP App</a>
<a href="{{.AutheliaURL}}/#/settings" class="btn btn-outline btn-sm">Change Password</a>
</div>
</div>
{{else}}
<div class="card">
<div class="empty-state">