git add templates/! REFACOR INTERFEJSU git add templates/

templates/base.html

@@ -16,11 +16,6 @@
       body.dark-mode .navbar {
         background-color: #333 !important;
         color: #ffffff;
-       /* ---
-        border-bottom: 1px solid #e0e0e0;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-        padding: 0.5rem 1rem;
-        --- */
       }
       body.dark-mode .navbar .navbar-brand,
       body.dark-mode .navbar .nav-link {
@@ -57,11 +52,11 @@
         background-color: #f8f9fa;
         color: #212529;
       }
-    
-      
-    /* Alerty – pozostają bez zmian */
-    .diff-add { color: green; }
-    .diff-rem { color: red; }
+
+      /* Alerty – pozostają bez zmian */
+      .diff-add { color: green; }
+      .diff-rem { color: red; }
+
       body.dark-mode table {
         background-color: #1a1a1a;
         color: #cccccc;
@@ -132,29 +127,19 @@
       }
 
       /* ========== Tryb jasny (light-mode) ========== */
-      /* --- Nawigacja (Navbar) --- */
       body.light-mode .navbar {
         background-color: #dcdcdc !important;
         color: #333333;
-        /* ---
-        border-bottom: 1px solid #e0e0e0;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-        padding: 0.5rem 1rem;
-        --- */
       }
 
-      /* --- Przyciski (dla niezalogowanych) --- */
-
       body.light-mode .navbar .btn-outline-primary:hover {
         background-color: #007bff;
         color: #ffffff;
       }
-      /* --- Stopka --- */
       footer {
         background-color: #f8f9fa;
         color: #212529;
       }
-      /* --- Responsywność --- */
       @media (max-width: 768px) {
         body.light-mode .navbar .nav-link {
           padding: 0.5rem;
@@ -230,6 +215,25 @@
         </div>
       </div>
     </nav>
+
+    <!-- Kontener do wyświetlania komunikatów flash -->
+    <div class="container mt-3">
+      {% with messages = get_flashed_messages(with_categories=True) %}
+        {% if messages %}
+          {% for category, message in messages %}
+            <!-- Jeśli brak kategorii, używamy 'info' -->
+            {% if category == 'message' %}
+              {% set category = 'info' %}
+            {% endif %}
+            <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+              {{ message }}
+              <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+            </div>
+          {% endfor %}
+        {% endif %}
+      {% endwith %}
+    </div>
+
     <main class="container my-4 flex-fill">
       {% block content %}{% endblock %}
     </main>