Added:

- new simpler modal without bootstrap
- new loadingbutton component
- cleanupsome old code
- toolbar adjusments

templates/components/Search.html.twig

@@ -1,3 +1,4 @@
+{# templates/components/Search.html.twig #}
 <div{{ attributes }}>
     <div class="flex items-center py">
         <i class="fas fa-search text-white"></i>
@@ -10,7 +11,7 @@
     </div>
 
     {% if query %}
-        <div id="searchResults" class="fixed min-w-60 ml-8 mt-2 rounded-sm shadow-lg max-h-60 overflow-y-auto">
+        <div id="searchResults" class="absolute left-0 right-0 min-w-60 ml-8 mt-2 rounded-sm shadow-lg max-h-60 overflow-y-auto z-50">
             <ul class="bg-gray-700 text-white">
                 {% if this.mangas is not empty %}
                     <li class="px-4 py-2 text-gray-400">Mangas existants</li>
@@ -26,7 +27,7 @@
                 {% else %}
                     <li class="px-4 py-2 text-gray-400">Aucun manga trouvé.</li>
                     <li class="px-4 py-2 hover:bg-gray-600 cursor-pointer">
-                        <a class="flex items-center" href="{{ path('app_manga_new', {query: query}) }}">
+                        <a class="flex items-center" href="{{ path('app_manga_search', {query: query}) }}">
                             <span>Ajouter {{ query }}</span>
                         </a>
                     </li>