Make header more compact

- Remove title bar
- File -> mitmproxy - ultimately our logo can go here
This commit is contained in:
Aldo Cortesi 2015-01-01 20:44:45 +13:00
parent 4506bafddc
commit 866a408120
4 changed files with 5 additions and 20 deletions

View File

@ -128,12 +128,9 @@ body,
margin: 1px 0 0px;
}
header {
padding-top: 0.5em;
background-color: white;
}
header .title-bar {
line-height: 25px;
text-align: center;
}
header .menu {
padding: 10px;
border-bottom: solid #a6a6a6 1px;

File diff suppressed because one or more lines are too long

View File

@ -2,15 +2,9 @@
@import (reference) '../../node_modules/bootstrap/less/mixins/grid.less';
header {
padding-top: 0.5em;
background-color: white;
.title-bar {
line-height: 25px;
text-align: center;
}
@separator-color: lighten(grey, 15%);
.menu {
padding: 10px;
border-bottom: solid @separator-color 1px;

View File

@ -292,7 +292,7 @@ var FileMenu = React.createClass({
return (
<div className={fileMenuClass}>
<a href="#" className="special" onClick={this.handleFileClick}> File </a>
<a href="#" className="special" onClick={this.handleFileClick}> mitmproxy </a>
<ul className="dropdown-menu" role="menu">
<li>
<a href="#" onClick={this.handleNewClick}>
@ -368,9 +368,6 @@ var Header = React.createClass({
return (
<header>
<div className="title-bar">
mitmproxy { this.props.settings.version }
</div>
<nav className="nav-tabs nav-tabs-lg">
<FileMenu/>
{header}