fix: make active tab more clear

This commit is contained in:
Roman Hotsiy 2018-01-24 12:32:25 +02:00
parent 6c71a668f2
commit 4b5df22fa0
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0

View File

@ -16,12 +16,16 @@ export const Tabs = styled(ReactTabs)`
display: inline-block; display: inline-block;
flex: 1; flex: 1;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
outline: none; outline: none;
color: #ccc;
&.react-tabs__tab--selected { &.react-tabs__tab--selected {
background-color: #171e21; color: #fff;
background: rgba(0, 0, 0, 0.5);
border-bottom: 1px solid ${props => props.theme.schemaView.linesColor};
} }
&:only-child { &:only-child {