From 4f09b3c7cef12b5e07f8004dc1d9a6f41c916af0 Mon Sep 17 00:00:00 2001
From: CaIon <1808837298@qq.com>
Date: Sat, 25 Nov 2023 17:30:46 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=82=E9=85=8D=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/SiderBar.js |  5 +++--
 web/src/index.css              | 14 ++++++++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/web/src/components/SiderBar.js b/web/src/components/SiderBar.js
index 95298c9..3ac2448 100644
--- a/web/src/components/SiderBar.js
+++ b/web/src/components/SiderBar.js
@@ -95,7 +95,7 @@ let headerButtons = [
     // }
 ];
 
-const HeaderBar = () => {
+const SiderBar = () => {
     const [userState, userDispatch] = useContext(UserContext);
     let navigate = useNavigate();
     const [selectedKeys, setSelectedKeys] = useState(['home']);
@@ -119,6 +119,7 @@ const HeaderBar = () => {
                     <Nav
                         // mode={'horizontal'}
                         // bodyStyle={{ height: 100 }}
+                        defaultIsCollapsed={isMobile()}
                         selectedKeys={selectedKeys}
                         renderWrapper={({itemElement, isSubNav, isInSubNav, props}) => {
                             const routerMap = {
@@ -166,4 +167,4 @@ const HeaderBar = () => {
     );
 };
 
-export default HeaderBar;
+export default SiderBar;
diff --git a/web/src/index.css b/web/src/index.css
index e157699..9b66f0f 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -15,6 +15,20 @@ body {
     height: 100%;
 }
 
+@media only screen and (max-width: 767px) {
+    .semi-table-tbody, .semi-table-row, .semi-table-row-cell {
+        display: block!important;
+        width: auto!important;
+        padding: 2px!important;
+    }
+    .semi-table-row-cell {
+        border-bottom: 0!important;
+    }
+    .semi-table-tbody>.semi-table-row {
+        border-bottom: 1px solid rgba(0,0,0,.1);
+    }
+}
+
 .semi-layout {
     height: 100%;
 }