- Modification du design du front pour les résultats de recherche.
This commit is contained in:
@ -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,10 +33,15 @@
|
||||
{% 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>
|
||||
|
||||
|
||||
|
Reference in New Issue
Block a user