refactor(header.html): use flexbox for elements

This commit is contained in:
2026-03-11 12:32:39 +01:00
parent f102553cd5
commit 6c56696240

View File

@@ -2,14 +2,13 @@
<header class="bg-blue-900 text-white shadow-md"> <header class="bg-blue-900 text-white shadow-md">
<div class="container mx-auto flex items-center justify-between py-4 px-6"> <div class="container mx-auto flex items-center justify-between py-4 px-6">
<a class="text-xl font-bold" href="/">Kursy</a> <a class="text-xl font-bold" href="/">Kursy</a>
<nav class="space-x-4"> <nav class="flex items-center gap-4">
<a href="#" class="hover:underline">{% trans "Home" %}</a> {% if user.is_authenticated %}
{% if user.is_authenticated %} <a href="{% url 'account_logout' %}" class="hover:underline">{% trans "Logout" %}</a>
<a href="{% url 'account_logout' %}" class="hover:underline">{% trans "Logout" %}</a> {% else %}
{% else %} <a href="{% url 'account_login' %}" class="hover:underline">{% trans "Login" %}</a>
<a href="{% url 'account_login' %}" class="hover:underline">{% trans "Login" %}</a> <a href="{% url 'account_signup' %}" class="hover:underline">{% trans "Sign Up" %}</a>
<a href="{% url 'account_signup' %}" class="hover:underline">{% trans "Sign Up" %}</a> {% endif %}
{% endif %}
</nav> </nav>
</div> </div>
</header> </header>