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

12.0 change app structure (#6335)

Browse Source 
* 01 change app structure

* 02 change setting page

* 03 optimize header style

* 04 change app mobile side panel logo
This commit is contained in:
Michael An
2024-07-11 17:45:30 +08:00
committed by GitHub
parent 4e16703d33
commit c41407f783
38 changed files with 238 additions and 408 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/header.js
View File

@@ -3,7 +3,11 @@ import PropTypes from 'prop-types';
import Logo from './logo';
import CommonToolbar from './toolbar/common-toolbar';
import './header.css';
const propTypes = {
children: PropTypes.object,
eventBus: PropTypes.object.isRequired,
isSidePanelClosed: PropTypes.bool,
onCloseSidePanel: PropTypes.func,
onShowSidePanel: PropTypes.func,
@@ -15,21 +19,23 @@ const propTypes = {
class Header extends React.Component {
render() {
const { onShowSidePanel, onSearchedClick, showSearch } = this.props;
const { onShowSidePanel, onSearchedClick, showSearch, children } = this.props;
return (
<div id="header" className="d-flex justify-content-between py-2 px-4">
<div id="header" className="top-header d-flex justify-content-between flex-shrink-0">
<div className={'flex-shrink-0 d-none d-md-flex'}>
<Logo onCloseSidePanel={this.props.onCloseSidePanel} />
</div>
<div className="flex-shrink-0 d-flex flex-fill">
<div className={`flex-shrink-0 d-flex flex-fill ${children ? 'border-left-show' : ''}`}>
<div className="cur-view-toolbar">
<span title="Side Nav Menu" onClick={onShowSidePanel} className="sf2-icon-menu side-nav-toggle hidden-md-up d-md-none">
</span>
{children}
</div>
<CommonToolbar
showSearch={showSearch}
searchPlaceholder={this.props.searchPlaceholder}
onSearchedClick={onSearchedClick}
eventBus={this.props.eventBus}
/>
</div>
</div>