fix: remove drawer bg blur on mobile

aminnausin · aminnausin · commit 49c6b23a7f16 · 2025-12-24T18:53:59.000-05:00
diff --git a/resources/js/components/cedar-ui/drawer/DrawerController.vue b/resources/js/components/cedar-ui/drawer/DrawerController.vue
@@ -29,7 +29,11 @@ const drawerStore = useDrawer();
                 leave-from-class="opacity-100"
                 leave-to-class="opacity-0"
             >
-                <div v-if="drawerStore.isOpen.value" :class="['absolute inset-0 h-full w-full bg-black/50 backdrop-blur-xs']" @click="drawerStore.close('backdrop')"></div>
+                <div
+                    v-if="drawerStore.isOpen.value"
+                    :class="['absolute inset-0 h-full w-full bg-black/80 md:bg-black/50 md:backdrop-blur-xs']"
+                    @click="drawerStore.close('backdrop')"
+                ></div>
             </Transition>
 
             <Transition
diff --git a/resources/js/components/cedar-ui/drawer/DrawerHandle.vue b/resources/js/components/cedar-ui/drawer/DrawerHandle.vue
@@ -2,7 +2,7 @@
     <button
         type="button"
         title="Close Drawer"
-        class="bg-foreground-2 group-hover:bg-foreground-1 mx-auto h-1.5 w-24 cursor-pointer rounded-full transition-colors focus:outline-0 sm:w-32 md:max-w-1/12"
+        class="bg-foreground-2 group-hover:bg-foreground-3 mx-auto h-1.5 w-24 cursor-pointer rounded-full transition-colors focus:outline-0 sm:w-32 md:max-w-1/12"
         aria-controls="drawer"
     ></button>
 </template>
diff --git a/resources/js/components/panels/NavBar.vue b/resources/js/components/panels/NavBar.vue
@@ -37,9 +37,7 @@ const toggleVideoSidebar = (sidebar: 'folders' | 'history') => {
         drawer.open(VideoSidebarDrawer, {
             showHeader: false,
             showFooter: false,
-            onClose: (reason: DrawerCloseReason) => {
-                console.log('Close', reason);
-
+            onClose: () => {
                 cycleSideBar(sidebar, 'list-card');
             },
         });
