Add exception to overlay

resources/views/components/nav/navbar.blade.php

@@ -15,7 +15,7 @@
                 <x-heroicon-m-bars-4 class="h-5 w-5"/>
             </div>
             <ul
-                class="menu menu-sm dropdown-content bg-primary rounded-box z-1 mt-3 w-52 p-2 shadow w-fit">
+                class="menu menu-sm dropdown-content bg-primary rounded-box z-99 mt-3 w-52 p-2 shadow w-fit">
                 {{ $menu }}
             </ul>
         </div>

resources/views/components/overlay/loading.blade.php

@@ -1,8 +1,9 @@
 @props([
-    'type' => 'bars'
+    'type' => 'bars',
+    'except' => null
 ])
 
-<div id="loading-overlay" wire:loading.flex>
+<div id="loading-overlay" wire:loading.flex wire:target.except="{{ $except }}">
     <div>
         <span class="loading loading-{{ $type }} text-primary loading-xl"></span>
     </div>