Adding updated sidebar

thedevdojo · Oct 4, 2024 · 272244f · 272244f
1 parent b952611
commit 272244f
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/resources/themes/anchor/components/app/sidebar.blade.php b/resources/themes/anchor/components/app/sidebar.blade.php
@@ -1,4 +1,10 @@
-<div x-data="{ sidebarOpen: false }"  @open-sidebar.window="sidebarOpen = true" class="relative z-50 w-screen md:w-auto" x-cloak>
+<div x-data="{ sidebarOpen: false }"  @open-sidebar.window="sidebarOpen = true"
+    x-init="
+        $watch('sidebarOpen', function(value){
+            if(value){ document.body.classList.add('overflow-hidden'); } else { document.body.classList.remove('overflow-hidden'); }
+        });
+    "
+    class="relative z-50 w-screen md:w-auto" x-cloak>
     {{-- Backdrop for mobile --}}
     <div x-show="sidebarOpen" @click="sidebarOpen=false" class="fixed top-0 right-0 z-50 w-screen h-screen duration-300 ease-out bg-black/20 dark:bg-white/10"></div>