Paul/korrekturmanagementsystem
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: navbar new css

Browse Source
This commit is contained in:
Paul
2025-05-29 00:02:09 +02:00
parent 9d6ef9f5ff
commit 68d717aab8
1 changed files with 33 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
ticketsystem/templates/ticketsystem/base.html
View File

@@ -1,73 +1,37 @@
{% load static %} {% load static %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="de"> <html lang="de">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>{% block title %}TicketSystem{% endblock %}</title> <title>
{% block title %}TicketSystem{% endblock %}
</title>
<link href="{% static 'css/tailwind.css' %}" rel="stylesheet"> <link href="{% static 'css/tailwind.css' %}" rel="stylesheet">
<style> </head>
body { <body class="bg-gray-100">
margin: 0; <nav class="bg-gray-700 text-white py-4">
font-family: sans-serif; <div class="max-w-4xl mx-auto flex justify-between items-center px-4">
background-color: #f8f9fa; <div class="flex space-x-4">
} <a href="{% url 'home' %}" class="text-white hover:text-gray-300">🏠 Start</a>
<a href="{% url 'ticket-list' %}" class="text-white hover:text-gray-300">📋 Tickets</a>
.navbar { <a href="{% url 'assigned-tickets' %}"
background-color: #343a40; class="text-white hover:text-gray-300">🧾 Meine Tickets</a>
color: white;
padding: 1rem 0;
}
.navbar-container {
max-width: 700px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.navbar a {
color: white;
text-decoration: none;
margin: 0 1rem;
}
.navbar-right form {
display: inline;
}
.navbar-right button {
background: none;
border: none;
color: white;
cursor: pointer;
font-size: 1rem;
}
</style>
</head>
<body>
<div class="navbar">
<div class="navbar-container">
<div class="navbar-left">
<a href="{% url 'home' %}">🏠 Start</a>
<a href="{% url 'ticket-list' %}">📋 Tickets</a>
<a href="{% url 'assigned-tickets' %}">🧾 Meine Tickets</a>
</div> </div>
<div class="navbar-right"> <div class="flex items-center space-x-4">
{% if user.is_authenticated %} {% if user.is_authenticated %}
👤 {{ user.username }} <span class="text-white">👤 {{ user.username }}</span>
<form method="post" action="{% url 'logout' %}"> <form method="post" action="{% url 'logout' %}" class="inline">
{% csrf_token %} {% csrf_token %}
<button type="submit">🚪 Logout</button> <button type="submit" class="text-white hover:text-gray-300">🚪 Logout</button>
</form> </form>
{% endif %} {% endif %}
</div> </div>
</div> </div>
</div> </nav>
<!-- Global Container -->
<div class="container" style="max-width: 900px; margin: 2rem auto;"> <div class="max-w-4xl mx-auto mt-8 px-4">
{% block content %} {% block content %}
{% endblock %} {% endblock %}
</div> </div>
</body> </body>
</html> </html>