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

2025-01-29 11:34:02 +01:00
parent e831b9b552
commit 01d208394d
2 changed files with 17 additions and 1 deletions
--- a/templates/apiSearch/index.html.twig
+++ b/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 %}