Files
RosterChief/templates/account/logout.html
Bernard Siebens 0eb6838cba Make every cancel/back button an outline button
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>
2026-07-13 23:32:27 +02:00

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 %}