chore(history): import initial web product snapshot

2026-07-25 00:30:00 +08:00
commit cf0eed46c3
131 changed files with 15693 additions and 0 deletions
@@ -0,0 +1,32 @@
+import { Outlet } from 'react-router-dom'
+import { Sidebar } from './Sidebar'
+import { Topbar } from './Topbar'
+import { Drawer } from '@/components/ui/drawer'
+import { useUiStore } from '@/app/store/ui'
+
+export function AppLayout() {
+  const { mobileNavOpen, setMobileNavOpen } = useUiStore()
+
+  return (
+    <div className="flex h-screen overflow-hidden bg-background">
+      {/* 桌面端固定侧边栏 */}
+      <div className="hidden shrink-0 lg:block">
+        <Sidebar />
+      </div>
+
+      {/* 移动端抽屉导航 */}
+      <Drawer open={mobileNavOpen} onOpenChange={setMobileNavOpen} side="left" width="w-64" title="灵犀跨境">
+        <div className="h-full">
+          <Sidebar />
+        </div>
+      </Drawer>
+
+      <div className="flex min-w-0 flex-1 flex-col">
+        <Topbar />
+        <main className="flex-1 overflow-y-auto scrollbar-thin" id="main-scroll">
+          <Outlet />
+        </main>
+      </div>
+    </div>
+  )
+}