- Modification du design du front pour les résultats de recherche.

templates/apiSearch/index.html.twig

@@ -6,7 +6,7 @@
 
 <div>
     <div class="w-1/2 py-2 flex flex-col justify-center mt-5  mx-auto">
-        <h1 class="text-2xl font-bold">Recherche de livre pour : {{ query }}</h1>
+        <h1 class="text-2xl font-bold">Résultats pour : {{ query }}</h1>
     </div>
     {% for book in datas.items %}
         <div class="relative flex rounded-xl border bg-white shadow-lg hover:shadow-xl transition-shadow duration-300 w-1/2 mx-auto py-2 mt-5">
@@ -33,12 +33,17 @@
                                 {% endfor %}
                             {% endif %}
                             <p class="p-2 italic font-bold">Nombres de pages : <span class="font-normal">{{ book.volumeInfo.pageCount }}</span></p>
-                            <p class="p-2 italic font-bold">Description : <span class="font-normal">{{ book.searchInfo.textSnippet }}</span></p>
+                            <p class="p-2 italic font-bold">Description : <span class="font-normal">{{ book.searchInfo.textSnippet | raw }}</span></p>
                         {% endif %}
                     </div>
                 </div>
+                <div class="w-full p-2">
+                    <button id="openModalBtn-{{ loop.index }}" class="dark:bg-[#263B46] text-white px-4 py-2 rounded-lg mt-4 w-full">
+                        Voir plus
+                    </button>
+                </div>
             </div>
-        
+
 
             {% if app.user %}
                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
@@ -52,7 +57,7 @@
             </svg>
             {% endif %}
 
-            
+
         </div>
     {% endfor %}
 </div>
@@ -106,4 +111,4 @@
     }
 </script>
 
-{% endblock %}
+{% endblock %}