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-warning:hover { background: rgba(234,179,8,0.22); color: #eab308; }
.btn-sm { padding: 0.45rem 0.9rem; font-size: 0.82rem; } .btn-sm { padding: 0.45rem 0.9rem; font-size: 0.82rem; }
.divider { border: none; border-top: 1px solid var(--border); margin: 1rem 0; } .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 { .version-badge {
position: fixed; position: fixed;
bottom: 0.75rem; bottom: 0.75rem;
@ -222,12 +232,24 @@
{{end}} {{end}}
</form> </form>
{{end}} {{end}}
<a href="{{.AutheliaURL}}" class="btn btn-outline">Account Settings</a>
</div> </div>
<p style="color: var(--muted); font-size: 0.8rem; margin-top: 1rem;"> <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. No refunds for the current billing period. Access continues until the end of your paid month.
</p> </p>
</div> </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}} {{else}}
<div class="card"> <div class="card">
<div class="empty-state"> <div class="empty-state">