The filled base button reads as heavy as the primary next to it, so cancel is now btn-outline everywhere it appears: sign out, the 2FA challenge, and the four control-panel forms (which also gain the back-arrow icon the auth pages already had). For the record, the buttons were never different heights -- measured in a real browser, every .btn on every page is 40px, anchor and button alike. It was the fill, not the box. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
34 lines
1.2 KiB
HTML
34 lines
1.2 KiB
HTML
{% extends "account/base_manage.html" %}
|
|
{% load allauth i18n lucide %}
|
|
|
|
{% comment %}
|
|
Overridden for layout: Cancel sits beside Sign Out, both with icons.
|
|
|
|
Cancel points at "/" rather than the Referer header — "/" already resolves per tenant
|
|
(club home on a club subdomain, control panel on the base domain), whereas Referer can
|
|
be missing or off-site, and is not something to turn into a link unchecked.
|
|
{% endcomment %}
|
|
|
|
{% block head_title %}
|
|
{% trans "Sign Out" %}
|
|
{% endblock head_title %}
|
|
|
|
{% block content %}
|
|
{% element h1 %}
|
|
{% trans "Sign Out" %}
|
|
{% endelement %}
|
|
{% element p %}
|
|
{% trans 'Are you sure you want to sign out?' %}
|
|
{% endelement %}
|
|
|
|
<form class="mt-8" method="post" action="{% url 'account_logout' %}">
|
|
{% csrf_token %}
|
|
{{ redirect_field }}
|
|
|
|
<div class="flex flex-wrap items-center justify-end gap-2">
|
|
<a class="btn btn-outline gap-2" href="/">{% lucide "arrow-left" size=16 %} {% trans "Cancel" %}</a>
|
|
<button class="btn btn-primary gap-2" type="submit">{% lucide "log-out" size=16 %} {% trans "Sign Out" %}</button>
|
|
</div>
|
|
</form>
|
|
{% endblock content %}
|