diff --git a/src/app/(app)/layout.tsx b/src/app/(app)/layout.tsx index 82bfed7..f2d17cc 100644 --- a/src/app/(app)/layout.tsx +++ b/src/app/(app)/layout.tsx @@ -1,4 +1,3 @@ - 'use client'; import { type ReactNode } from 'react'; @@ -16,19 +15,14 @@ export default function AppLayout({ children }: { children: ReactNode }) { - {/* The main content area needs to allow scrolling, but the padded container inside should not block mouse events in its empty space. */} +
- {/* This div handles padding but lets the mouse pass through to the background. */} -
- {/* This div re-enables mouse events for the actual content rendered by children. */} -
- {children} -
+
+ {children}
-
- -
+ +
diff --git a/src/components/layout/AppSidebar.tsx b/src/components/layout/AppSidebar.tsx index 0ee6293..a47ecea 100644 --- a/src/components/layout/AppSidebar.tsx +++ b/src/components/layout/AppSidebar.tsx @@ -1,4 +1,3 @@ - 'use client'; import Link from 'next/link'; @@ -39,13 +38,13 @@ const bottomNavItems = [ { href: '/settings', label: 'Settings', icon: Settings }, ]; -export function AppSidebar() { +export function AppSidebar({ className }: { className?: string }) { const pathname = usePathname(); const { user, isLoading } = useAuth(); if (isLoading) { return ( - +
@@ -84,7 +83,7 @@ export function AppSidebar() { } return ( - + diff --git a/src/components/layout/Chatbot.tsx b/src/components/layout/Chatbot.tsx index b86b742..d6669b5 100644 --- a/src/components/layout/Chatbot.tsx +++ b/src/components/layout/Chatbot.tsx @@ -74,7 +74,7 @@ export function Chatbot() { return ( <> - + Flowy Assistant @@ -134,7 +134,7 @@ export function Chatbot() {