memos/web/src/pages/Home.tsx
2023-11-09 08:46:26 +08:00

24 lines
772 B
TypeScript

import HomeSidebar from "@/components/HomeSidebar";
import HomeSidebarDrawer from "@/components/HomeSidebarDrawer";
import MemoEditor from "@/components/MemoEditor";
import MemoList from "@/components/MemoList";
import MobileHeader from "@/components/MobileHeader";
const Home = () => {
return (
<div className="w-full flex flex-row justify-start items-start">
<div className="w-full px-4 md:max-w-[calc(100%-14rem)] sm:px-2 sm:pt-4">
<MobileHeader>
<HomeSidebarDrawer />
</MobileHeader>
<MemoEditor className="mb-2" cacheKey="home-memo-editor" />
<MemoList />
</div>
<div className="hidden md:block sticky top-0 left-0 w-56">
<HomeSidebar />
</div>
</div>
);
};
export default Home;