Updated header styles

This commit is contained in:
Gregory Schier 2016-03-21 23:03:43 -07:00
parent a5e54fe4f9
commit dc9ae5abfc
3 changed files with 11 additions and 5 deletions

View File

@ -37,7 +37,7 @@ class App extends Component {
</header>
<div className="pane__body grid-v">
<Tabs selectedIndex={0} className="grid-v">
<TabList className="pane__header grid">
<TabList className="grid">
<Tab><button className="btn">Body</button></Tab>
<Tab><button className="btn">Params</button></Tab>
<Tab><button className="btn">Auth</button></Tab>

View File

@ -42,6 +42,10 @@ h2 {
}
}
.ReactTabs__TabList {
height: $header-height;
}
strong {
font-weight: 600;
}

View File

@ -2,9 +2,13 @@
@import '../constants/dimensions';
.pane {
.pane__body, .pane__header {
border-left: 1px solid rgba(255, 255, 255, 0.08);
border-right: 3px solid rgba(0, 0, 0, 0.2);
}
.pane__header {
border-right: 2px solid transparent;
border-left: 2px solid transparent;
border-color: transparent;
height: $header-height;
.pane__header__content {
@ -17,7 +21,5 @@
.pane__body {
height: 100%;
border-left: 2px solid rgba(0, 0, 0, 0.1);
border-right: 2px solid rgba(0, 0, 0, 0.1);
}
}