- Design du front pour les résultats de recherche.

templates/apiSearch/index.html.twig

@@ -7,7 +7,14 @@
 
 <div>
     {% for book in datas.items %}
-        <h1>{{ book.volumeInfo.title }}</h1>
+        <div class="flex justify-center">
+            <div class="border rounded-xl w-1/2 py-2 flex flex-col justify-center mt-5">
+                <h1 class="font-bold p-2 text-2xl ">{{ book.volumeInfo.title }}</h1>
+
+                <img src="https://img.freepik.com/vecteurs-libre/vecteur-modele-cadre-courbe-bleu-ceruleen_53876-136094.jpg" class="p-2" style="width: 20%" height="20px">
+            </div>
+        </div>
+
     {% endfor %}
 </div>
 {% endblock %}

templates/registration/index.html.twig

@@ -56,6 +56,15 @@
                     'attr': {'class': 'w-full px-4 py-2 bg-indigo-600 text-white font-semibold rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500'}
                 }) }}
             </div>
+            {% for type, messages in app.flashes %}
+                <div class="mb-4">
+                    {% for message in messages %}
+                        <div class="text-sm {% if type == 'success' %}text-green-600{% else %}text-red-600{% endif %}">
+                            {{ message }}
+                        </div>
+                    {% endfor %}
+                </div>
+            {% endfor %}
 
             {{ form_end(form) }}
         </div>