Просмотр исходного кода

fix: Refine sider visibility logic in HeaderBar component

- Updated the click handler in HeaderBar to correctly toggle the visibility of the sider based on the current item selection.
- Ensured that the sider is hidden when navigating to the home item and displayed conditionally for other items, improving the user interface responsiveness.
CalciumIon 1 год назад
Родитель
Сommit
a485db5065
1 измененных файлов с 4 добавлено и 2 удалено
  1. 4 2
      web/src/components/HeaderBar.js

+ 4 - 2
web/src/components/HeaderBar.js

@@ -148,10 +148,12 @@ const HeaderBar = () => {
                 <div onClick={(e) => {
                   if (props.itemKey === 'home') {
                     styleDispatch({ type: 'SET_INNER_PADDING', payload: false });
-                    // styleDispatch({ type: 'SET_SIDER', payload: false });
+                    styleDispatch({ type: 'SET_SIDER', payload: false });
                   } else {
                     styleDispatch({ type: 'SET_INNER_PADDING', payload: true });
-                    // styleDispatch({ type: 'SET_SIDER', payload: true });
+                    if (!styleState.isMobile) {
+                      styleDispatch({ type: 'SET_SIDER', payload: true });
+                    }
                   }
                 }}>
                   <Link