Move "Add network" button down

This commit is contained in:
Ken-Håvard Lieng 2018-10-07 01:13:58 +02:00
parent b3f2b53a6f
commit 6f6dfca5fb
3 changed files with 17 additions and 16 deletions

File diff suppressed because one or more lines are too long

View File

@ -198,7 +198,7 @@ i[class*=' icon-']:before {
.tab-container {
position: absolute;
top: 50px;
top: 0;
bottom: 50px;
width: 100%;
overflow: auto;
@ -251,27 +251,28 @@ i[class*=' icon-']:before {
}
.side-buttons {
display: flex;
position: absolute;
bottom: 0;
height: 50px;
width: 200px;
text-align: center;
}
.side-buttons i {
display: inline-block;
color: #999;
width: 50%;
line-height: 50px;
cursor: pointer;
font-size: 20px;
border-top: 1px solid #1d1d1d;
}
.side-buttons i:not(:first-child) {
.side-buttons i {
flex: 100%;
color: #999;
line-height: 50px;
cursor: pointer;
font-size: 18px;
border-left: 1px solid #1d1d1d;
}
.side-buttons button {
font-size: 24px;
}
.side-buttons i:hover {
color: #ccc;
background: #1d1d1d;

View File

@ -68,9 +68,9 @@ export default class TabList extends PureComponent {
return (
<div className={className}>
<button onClick={this.handleConnectClick}>Add network</button>
<div className="tab-container">{tabs}</div>
<div className="side-buttons">
<button onClick={this.handleConnectClick}>+</button>
<i className="icon-user" />
<i className="icon-cog" onClick={this.handleSettingsClick} />
</div>