From dd53e6e7df989dbabaecfc7690c0a71309bf2666 Mon Sep 17 00:00:00 2001
From: Michael An <2331806369@qq.com>
Date: Wed, 21 Aug 2024 14:40:27 +0800
Subject: [PATCH] fix mobile side panel style (#6601)

---
 frontend/src/app.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app.js b/frontend/src/app.js
index 47560c950d..721a18e1c8 100644
--- a/frontend/src/app.js
+++ b/frontend/src/app.js
@@ -4,7 +4,7 @@ import { Router, navigate } from '@gatsbyjs/reach-router';
 import MediaQuery from 'react-responsive';
 import { Modal } from 'reactstrap';
 import { siteRoot } from './utils/constants';
-import { Utils } from './utils/utils';
+import { Utils, isMobile } from './utils/utils';
 import SystemNotification from './components/system-notification';
 import EventBus from './components/common/event-bus';
 import Header from './components/header';
@@ -51,7 +51,7 @@ class App extends Component {
     }
     this.state = {
       isSidePanelClosed: false,
-      isSidePanelFolded: localStorage.getItem('sf_user_side_nav_folded') == 'true' || false,
+      isSidePanelFolded: isMobile ? false : (localStorage.getItem('sf_user_side_nav_folded') == 'true' || false),
       currentTab: '',
       pathPrefix: [],
       inResizing: false,