35 lines
1.7 KiB
HTML
35 lines
1.7 KiB
HTML
<nav class="flex justify-between items-center bg-blue-600 h-12 px-4 sm:px-6 lg:px-8 rounded-lg m-2 shadow-md overflow-x-auto whitespace-nowrap">
|
|
<div class="flex items-center flex-shrink-0">
|
|
<h2 class="text-xl font-bold text-white hover:scale-110 transition duration-200">
|
|
<a href="{% url 'homepage:home' %}">qivip</a>
|
|
</h2>
|
|
</div>
|
|
|
|
{% if show_search %}
|
|
<form method="get" class="mr-2 ml-2 flex items-center w-full max-w-sm bg-white rounded-full px-4 py-1 shadow-md">
|
|
<input type="text" name="search" placeholder="Suche ..." value="{{ request.GET.search }}"
|
|
class="w-full px-3 py-1 text-black bg-transparent focus:outline-none">
|
|
<button type="submit" class=" py-1 text-blue-600">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
|
|
</svg>
|
|
</button>
|
|
</form>
|
|
{% endif %}
|
|
|
|
<div class="flex items-center space-x-4">
|
|
<ul class="flex space-x-4 qp-nav-list">
|
|
{% if show_search %}
|
|
<li class="hidden md:flex"><a href="{% url 'library:overview_quiz' %}">Bibliothek</a></li>
|
|
{% else%}
|
|
<li><a href="{% url 'library:overview_quiz' %}">Bibliothek</a></li>
|
|
{% endif %}
|
|
{% if user.is_authenticated %}
|
|
<li><a href="{% url 'accounts:home' %}">Konto</a></li>
|
|
{% else %}
|
|
<li><a href="{% url 'accounts:login' %}">Anmelden</a></li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</nav>
|