Update templates/new_thread.html

templates/new_thread.html

@@ -1,12 +1,21 @@
 {% extends "base.html" %}
 {% block title %}Nouveau Fil de Discussion{% endblock %}
 {% block content %}
-<h2>Créer un nouveau fil de discussion</h2>
-<form method="POST" action="{{ url_for('new_thread') }}">
-    <label for="title">Titre :</label><br>
-    <input type="text" name="title" id="title" required><br><br>
-    <label for="content">Message initial :</label><br>
-    <textarea name="content" id="content" rows="5" required></textarea><br>
-    <button type="submit">Créer</button>
+<h2 class="text-2xl font-semibold mb-4">Créer un nouveau fil de discussion</h2>
+<form method="POST" action="{{ url_for('new_thread') }}" class="space-y-4">  <!-- Espacement vertical -->
+    <div>
+        <label for="title" class="block text-sm font-medium text-gray-700">Titre :</label>
+        <input type="text" name="title" id="title" required
+               class="mt-1 block w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">  <!-- Style de l'input -->
+    </div>
+    <div>
+        <label for="content" class="block text-sm font-medium text-gray-700">Message initial :</label>
+        <textarea name="content" id="content" rows="5" required
+                  class="mt-1 block w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"></textarea>  <!-- Style du textarea -->
+    </div>
+    <button type="submit"
+            class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded transition-colors duration-200">
+        Créer
+    </button>
 </form>
-{% endblock %}
+{% endblock %}