diff options
| author | Emiliano Ciavatta | 2020-10-20 15:45:18 +0000 |
|---|---|---|
| committer | Emiliano Ciavatta | 2020-10-20 15:45:18 +0000 |
| commit | e4b73c0c3ce2c8817ddd1b8cfaa672823b59a422 (patch) | |
| tree | 105e92d231a6c3c8759b0eab4d326de2b36221bf /frontend/src/components/Header.js | |
| parent | 0c13228651cb298194a5d97615e74f5fc7749fdc (diff) | |
| parent | cf062076f238d97d6d01fe6e542b5f8c77a624ba (diff) | |
Merge branch 'develop' into main
Diffstat (limited to 'frontend/src/components/Header.js')
| -rw-r--r-- | frontend/src/components/Header.js | 28 |
1 files changed, 13 insertions, 15 deletions
diff --git a/frontend/src/components/Header.js b/frontend/src/components/Header.js index c46d768..4db05a5 100644 --- a/frontend/src/components/Header.js +++ b/frontend/src/components/Header.js @@ -46,19 +46,17 @@ class Header extends Component { render() { return ( - <header className="header container-fluid"> - <div className="row"> - <div className={classNames({"col-auto": this.props.configured, "col": !this.props.configured})}> - <h1 className="header-title type-wrap"> - <Link to="/"> - <span style={{whiteSpace: "pre"}} ref={(el) => { - this.el = el; - }}/> - </Link> - </h1> - </div> + <header className={classNames("header", {"configured": this.props.configured})}> + <div className="header-content"> + <h1 className="header-title type-wrap"> + <Link to="/"> + <span style={{whiteSpace: "pre"}} ref={(el) => { + this.el = el; + }}/> + </Link> + </h1> - {this.props.configured && <div className="col-auto"> + {this.props.configured && <div className="filters-bar"> <StringConnectionsFilter filterName="service_port" defaultFilterValue="all_ports" @@ -71,9 +69,9 @@ class Header extends Component { <ExitSearchFilter/> <AdvancedFilters onClick={this.props.onOpenFilters}/> </div> - </div>} + } - {this.props.configured && <div className="col"> + {this.props.configured && <div className="header-buttons"> <Link to={"/searches" + this.props.location.search}> <ButtonField variant="pink" name="searches" bordered/> @@ -91,7 +89,7 @@ class Header extends Component { <ButtonField variant="blue" name="config" bordered/> </Link> </div> - </div>} + } </div> </header> ); |