cha0s/persea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: tab styles

Browse Source
This commit is contained in:
cha0s 2021-01-24 20:15:21 -06:00
parent 294fba7f88
commit 793528303b
2 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/src/react/index.scss
View File

@ -1,4 +1,5 @@
@import 'scss/colors.scss';
@import 'scss/tabs.scss';
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,

32
app/src/react/scss/tabs.scss Normal file
View File

@ -0,0 +1,32 @@
.react-tabs__tab {
border: none;
border-left: 1px solid rgba(255, 255, 255, 0.1);
bottom: 0;
padding: 1em;
background-color: #222;
color: white;
font-family: monospace;
&:first-child {
border: none;
}
&:focus:after {
display: none;
}
}
.react-tabs__tab--selected {
background-color: #171717;
border: none;
border-left: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 0;
}
.react-tabs__tab-list {
border: none;
margin: 0;
position: relative;
white-space: nowrap;
}
.react-tabs__tab-panel {
background-color: rgba(0, 0, 0, 0.2);
overflow: auto;
padding: 1em;
}