haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-01 15:09:14 +00:00
Code Issues Releases Wiki Activity

[settings] redesigned the 'heading' bar; fixup for the side nav; impr… (#6250)

Browse Source 
* [settings] redesigned the 'heading' bar; fixup for the side nav; improved UI for content headings

* [settings] resigned it (the top bar, the side panel; the code frame)
This commit is contained in:
llj
2024-06-25 21:48:57 +08:00
committed by GitHub
parent a5edeafb74
commit 26bdd0decd
7 changed files with 116 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/side-panel.js
View File

@@ -4,22 +4,26 @@ import Logo from './logo';
import MainSideNav from './main-side-nav';
const propTypes = {
isSidePanelClosed: PropTypes.bool.isRequired,
currentTab: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
onCloseSidePanel: PropTypes.func.isRequired,
tabItemClick: PropTypes.func.isRequired,
isSidePanelClosed: PropTypes.bool,
currentTab: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
onCloseSidePanel: PropTypes.func,
tabItemClick: PropTypes.func,
children: PropTypes.object
};
class SidePanel extends React.Component {
render() {
const { children } = this.props;
return (
<div className={`side-panel ${this.props.isSidePanelClosed ? '' : 'left-zero'}`}>
<div className="side-panel-north">
<Logo onCloseSidePanel={this.props.onCloseSidePanel}/>
</div>
<div className="side-panel-center">
<MainSideNav tabItemClick={this.props.tabItemClick} currentTab={this.props.currentTab} />
{children ? children :
<MainSideNav tabItemClick={this.props.tabItemClick} currentTab={this.props.currentTab} />
}
</div>
</div>
);