Update templates/search.html

templates/search.html

@@ -1,29 +1,37 @@
 {% extends "base.html" %}
 {% block title %}Résultats de recherche{% endblock %}
 {% block content %}
-<h2>Résultats de recherche pour "{{ query }}"</h2>
-<h3>Fils de discussion</h3>
+<h2 class="text-2xl font-semibold mb-4">Résultats de recherche pour "{{ query }}"</h2>  <!-- Titre -->
+
+<h3 class="text-xl font-semibold mt-6 mb-3">Fils de discussion</h3>  <!-- Titre des fils -->
 {% if threads %}
-    <ul class="thread-list">
-    {% for thread in threads %}
-        <li><a href="{{ url_for('thread', thread_id=thread.id) }}">{{ thread.title }}</a></li>
-    {% endfor %}
+    <ul class="thread-list space-y-4">  <!-- Liste des fils -->
+        {% for thread in threads %}
+            <li>
+                <a href="{{ url_for('thread', thread_id=thread.id) }}"
+                   class="block p-4 bg-white rounded-md shadow-sm hover:shadow-md hover:scale-105 transition-all duration-200">  <!-- Lien vers le fil -->
+                    {{ thread.title }}
+                </a>
+            </li>
+        {% endfor %}
     </ul>
 {% else %}
-    <p>Aucun fil de discussion trouvé.</p>
+    <p class="text-gray-600">Aucun fil de discussion trouvé.</p>  <!-- Aucun fil trouvé -->
 {% endif %}
-<h3>Messages</h3>
+
+<h3 class="text-xl font-semibold mt-6 mb-3">Messages</h3>  <!-- Titre des messages -->
 {% if messages %}
-    <ul class="message-list">
-    {% for msg in messages %}
-        <li>
-            <a href="{{ url_for('thread', thread_id=msg.thread_id) }}#msg{{ msg.id }}">
-                {{ msg.content[:100]|safe }}...
-            </a>
-        </li>
-    {% endfor %}
+    <ul class="message-list space-y-4">  <!-- Liste des messages -->
+        {% for msg in messages %}
+            <li>
+                <a href="{{ url_for('thread', thread_id=msg.thread_id) }}#msg{{ msg.id }}"
+                   class="block p-4 bg-white rounded-md shadow-sm hover:shadow-md transition-shadows duration-200">  <!-- Lien vers le message -->
+                    {{ msg.content[:100]|safe }}...
+                </a>
+            </li>
+        {% endfor %}
     </ul>
 {% else %}
-    <p>Aucun message trouvé.</p>
+    <p class="text-gray-600">Aucun message trouvé.</p>  <!-- Aucun message trouvé -->
 {% endif %}
-{% endblock %}
+{% endblock %}