From 469a18f794f8d8371e712fb187c2cc2378c14714 Mon Sep 17 00:00:00 2001
From: JimmFly <447268514@qq.com>
Date: Wed, 29 Nov 2023 02:12:13 +0000
Subject: [PATCH] feat(component): default collapse and float sidebar on mobile
 (#5077)

work for #4843

https://github.com/toeverything/AFFiNE/assets/102217452/c658dbab-4db8-4065-a3a6-3e20274b6cb9
---
 .../component/src/components/app-sidebar/index.jotai.ts     | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/component/src/components/app-sidebar/index.jotai.ts b/packages/frontend/component/src/components/app-sidebar/index.jotai.ts
index 696e8620f..f645cc33f 100644
--- a/packages/frontend/component/src/components/app-sidebar/index.jotai.ts
+++ b/packages/frontend/component/src/components/app-sidebar/index.jotai.ts
@@ -2,8 +2,10 @@ import { atom } from 'jotai';
 import { atomWithStorage } from 'jotai/utils';
 
 export const APP_SIDEBAR_OPEN = 'app-sidebar-open';
-export const appSidebarOpenAtom = atomWithStorage(APP_SIDEBAR_OPEN, true);
-export const appSidebarFloatingAtom = atom(false);
+export const isMobile = window.innerWidth < 768;
+
+export const appSidebarOpenAtom = atomWithStorage(APP_SIDEBAR_OPEN, !isMobile);
+export const appSidebarFloatingAtom = atom(isMobile);
 
 export const appSidebarResizingAtom = atom(false);
 export const appSidebarWidthAtom = atomWithStorage(