admin responsive V1

templates/admin/index.html.twig

@@ -3,11 +3,10 @@
 {% block title %}📣 Sortie.com Admin 🔊{% endblock %}
 
 {% block content %}
-    <div class="flex">
-
+    <div class="flex flex-col sm:flex-row sm:ml-0 sm:w-full">
         {% include 'admin/sidebar.html.twig' %}
 
-        <div class="ml-64 p-8 w-full">
+        <div class="ml-64 sm:ml-0 sm:w-full p-8">
             <h1 class="text-2xl font-semibold">Bienvenue sur le Panel d'Administration</h1>
             <p class="text-gray-600 mt-4">Utilisez le menu pour accéder aux différentes sections.</p>
         </div>

templates/admin/sidebar.html.twig

@@ -1,4 +1,4 @@
-<nav class="bg-gray-800 text-white p-5 w-64 h-screen fixed">
+<nav class="bg-gray-800 text-white p-5 w-64 h-screen fixed sm:w-48 md:w-64 lg:w-64 xl:w-64">
     <h3 class="text-xl font-bold text-center mb-5">Administration</h3>
     <ul class="space-y-4">
         <li>
@@ -22,4 +22,4 @@
             </a>
         </li>
     </ul>
-</nav>
+</nav>