33 lines
1.4 KiB
HTML
33 lines
1.4 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">
|
|
🔍
|
|
</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>
|