refactor: Improve mobile responsiveness and scrolling behavior in UI layout

2025-03-10 15:49:32 +08:00
parent d9cf0885f1
commit b2938ffe2c
3 changed files with 32 additions and 16 deletions
--- a/web/src/components/SiderBar.js
+++ b/web/src/components/SiderBar.js
@@ -305,7 +305,9 @@ const SiderBar = () => {
          borderRadius: '0 8px 8px 0',
          transition: 'all 0.3s ease',
          position: 'relative',
-          zIndex: 95
+          zIndex: 95,
+          overflowY: 'auto',
+          WebkitOverflowScrolling: 'touch' // Improve scrolling on iOS devices
        }}
        defaultIsCollapsed={
          localStorage.getItem('default_collapse_sidebar') === 'true'