From f1010702d30f182f75673bd358d475fdadcfe6ca Mon Sep 17 00:00:00 2001
From: JSR <pandajsr72@gmail.com>
Date: Thu, 19 Mar 2026 20:43:07 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E9=80=82=E9=85=8D?=
 =?UTF-8?q?=EF=BC=9AAndroid=20=E9=BB=98=E8=AE=A4=E7=AB=96=E5=B1=8F?=
 =?UTF-8?q?=E5=B9=B6=E9=9A=90=E8=97=8F=E7=AA=97=E5=8F=A3=E6=8E=A7=E5=88=B6?=
 =?UTF-8?q?=EF=BC=8C=E9=A2=84=E7=95=99=E9=A1=B6=E9=83=A8=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E6=A0=8F=E5=AE=89=E5=85=A8=E5=8C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx         | 22 ++++++++++++++++++----
 src/assets/main.css |  4 ++++
 src/main.tsx        |  5 +++++
 3 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 998cb75..ca8aa1f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -13,7 +13,7 @@ function MainContent(): React.JSX.Element {
   const location = useLocation()
   const { currentTheme } = useTheme()
   const [messageApi, contextHolder] = message.useMessage()
-  const { isIosDevice, isIosPhone } = useMemo(getIosDeviceInfo, [])
+  const { isIosDevice, isAndroidDevice, defaultPortraitMode } = useMemo(getMobileDeviceInfo, [])
 
   useEffect(() => {
     const api = (window as any).api
@@ -52,8 +52,8 @@ function MainContent(): React.JSX.Element {
   const [authVisible, setAuthVisible] = useState(false)
   const [authPassword, setAuthPassword] = useState("")
   const [authLoading, setAuthLoading] = useState(false)
-  const [isPortraitMode, setIsPortraitMode] = useState(isIosPhone)
-  const [sidebarCollapsed, setSidebarCollapsed] = useState(isIosPhone)
+  const [isPortraitMode, setIsPortraitMode] = useState(defaultPortraitMode)
+  const [sidebarCollapsed, setSidebarCollapsed] = useState(defaultPortraitMode)
   const [floatingSidebarExpanded, setFloatingSidebarExpanded] = useState(false)
   const [syncConflictVisible, setSyncConflictVisible] = useState(false)
   const [syncConflicts, setSyncConflicts] = useState<
@@ -347,7 +347,7 @@ function MainContent(): React.JSX.Element {
           hasAnyPassword={hasAnyPassword}
           onAuthClick={() => setAuthVisible(true)}
           onLogout={logout}
-          showWindowControls={!isIosDevice}
+          showWindowControls={!isIosDevice && !isAndroidDevice}
           isPortraitMode={isPortraitMode}
           sidebarCollapsed={sidebarCollapsed}
           floatingExpand={isPortraitMode}
@@ -519,6 +519,20 @@ function getIosDeviceInfo(): { isIosDevice: boolean; isIosPhone: boolean } {
     isIosPhone: isIosDevice && !isIosTablet,
   }
 }
+
+function getMobileDeviceInfo(): {
+  isIosDevice: boolean
+  isAndroidDevice: boolean
+  defaultPortraitMode: boolean
+} {
+  const { isIosDevice, isIosPhone } = getIosDeviceInfo()
+  const isAndroidDevice = navigator.userAgent.toLowerCase().includes("android")
+  return {
+    isIosDevice,
+    isAndroidDevice,
+    defaultPortraitMode: isIosPhone || isAndroidDevice,
+  }
+}
 function App(): React.JSX.Element {
   return (
     <ThemeProvider>
diff --git a/src/assets/main.css b/src/assets/main.css
index c64bf4b..9fc0c22 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -58,6 +58,10 @@ html.platform-ios #root {
   min-height: 0;
 }
 
+html.platform-android {
+  --ss-safe-area-top: max(env(safe-area-inset-top, 0px), 24px);
+}
+
 input,
 textarea {
   user-select: text;
diff --git a/src/main.tsx b/src/main.tsx
index 1a4ad95..ecee74f 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -129,6 +129,7 @@ disableTouchZoom()
 const platform = navigator.userAgent.toLowerCase()
 const isAppleTouchDevice = platform.includes("macintosh") && navigator.maxTouchPoints > 1
 const isIos = /iphone|ipad|ipod/.test(platform) || isAppleTouchDevice
+const isAndroid = platform.includes("android")
 const isMacDesktop = platform.includes("mac") && !isIos
 
 if (isMacDesktop) {
@@ -139,6 +140,10 @@ if (isIos) {
   document.documentElement.classList.add("platform-ios")
 }
 
+if (isAndroid) {
+  document.documentElement.classList.add("platform-android")
+}
+
 window.addEventListener("error", (e: any) => {
   const error = e?.error
   safeWriteLog({