Replace "usb" icons with "user-key" for WebAuthn buttons; refine button styles and layouts across templates

This commit is contained in:
2026-07-14 00:31:22 +02:00
parent bf86654e72
commit 1dd2e5099f
8 changed files with 54 additions and 56 deletions

View File

@@ -46,7 +46,7 @@
{% endelement %}
<button class="btn btn-accent gap-2" type="button" form="webauthn_form" id="mfa_webauthn_authenticate">
{% lucide "usb" size=16 %} {% trans "Use a security key" %}
{% lucide "user-key" size=16 %} {% trans "Use a security key" %}
</button>
<form id="webauthn_form" method="post" action="{% url 'mfa_authenticate' %}">

View File

@@ -41,7 +41,7 @@
{% translate "Deactivate" %}
{% endelement %}
{% else %}
{% element button href=activate_url icon="smartphone" tags="panel" %}
{% element button href=activate_url icon="qr-code" tags="panel" %}
{% translate "Activate" %}
{% endelement %}
{% endif %}
@@ -73,7 +73,7 @@
{% endelement %}
{% else %}
{% url 'mfa_add_webauthn' as webauthn_add_url %}
{% element button href=webauthn_add_url icon="usb" %}
{% element button href=webauthn_add_url icon="user-key" %}
{% translate "Add" %}
{% endelement %}
{% endif %}
@@ -90,7 +90,8 @@
{% slot body %}
{% if authenticators.recovery_codes %}
{% element p %}
{% blocktranslate count unused_count=unused_count %}There is {{ unused_count }} out of {{ total_count }} recovery codes available.{% plural %}There are {{ unused_count }} out of {{ total_count }} recovery codes available.{% endblocktranslate %}
{% blocktranslate count unused_count=unused_count %}There is {{ unused_count }} out of {{ total_count }} recovery codes available.{% plural %}There are {{ unused_count }} out of {{ total_count }} recovery codes available.
{% endblocktranslate %}
{% endelement %}
{% else %}
{% element p %}

View File

@@ -19,7 +19,7 @@
{% endslot %}
{% slot actions %}
{# type="button": the webauthn script takes over the click and posts the form itself. #}
{% element button id="mfa_webauthn_add" type="button" icon="usb" %}
{% element button id="mfa_webauthn_add" type="button" icon="user-key" %}
{% trans "Add" %}
{% endelement %}
{% endslot %}

View File

@@ -66,7 +66,7 @@
{% endelement %}
{% endif %}
{% url 'mfa_add_webauthn' as add_url %}
{% element button href=add_url icon="usb" %}
{% element button href=add_url icon="user-key" %}
{% translate "Add" %}
{% endelement %}
{% endblock %}