🐛 fixed mobile menu background

Author: LoupesDEV

css/responsive.css

@@ -8,10 +8,18 @@
         font-size: 1.5rem;
     }
 
+    #mobileMenuPanel {
+        background-color: #000000 !important;
+    }
+
     #mobileMenuPanel.active {
         transform: translate(0);
     }
 
+    #mobileMenuPanel button {
+        background-color: transparent !important;
+    }
+
     #mobileSearchPanel.active {
         display: block;
     }

index.html

@@ -99,7 +99,7 @@ <h4 class="font-bold text-sm text-gray-200">Notifications</h4>
         </div>
 
         <div id="mobileMenuPanel"
-            class="fixed inset-0 top-20 bg-[#050505] z-40 transform translate-x-[-100%] transition-transform duration-300 md:hidden flex flex-col p-8 gap-6 border-t border-white/10">
+            class="fixed left-0 right-0 top-20 bg-black z-40 transform translate-x-[-100%] transition-transform duration-300 md:hidden flex flex-col p-8 gap-6 border-b border-white/10 rounded-b-2xl shadow-2xl">
             <button onclick="router('home')"
                 class="text-2xl font-bold text-gray-300 hover:text-white hover:pl-4 transition-all">Accueil</button>
             <button onclick="router('films')"