rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-06-29 23:54:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add request button near request tabs

Browse Source
This commit is contained in:
Anoop M D
2022-01-07 21:11:04 +05:30
parent 71ce963361
commit e99f9434ad
3 changed files with 86 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
packages/grafnode-components/src/components/RequestTabs/StyledWrapper.js
View File

@@ -16,15 +16,29 @@ const Wrapper = styled.div`
bottom: -1px;
position: relative;
list-style: none;
padding: 6px 12px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 0;
padding-right: 0;
cursor: pointer;
.tab-container {
border-left: 1px solid #dcdcdc;
padding-left: 12px;
padding-right: 12px;
}
&.active {
border-color: #cfcfcf;
background: #fff;
border-radius: 5px 5px 0 0;
.tab-container {
border-left: 1px solid transparent;
}
}
.tab-label {
overflow: hidden;
}
@@ -46,6 +60,56 @@ const Wrapper = styled.div`
color: rgb(142, 68, 173);
}
}
&.new-tab {
vertical-align: bottom;
width: 34px;
padding: 3px 0px;
display: inline-flex;
justify-content: center;
color: rgb(117 117 117);
margin-bottom: 2px;
> div {
padding: 3px 4px;
}
svg {
height: 22px;
}
&:hover {
> div {
background-color: #eaeaea;
color: rgb(76 76 76);
border-radius: 3px;
}
}
}
}
li.last-tab {
.tab-container {
border-right: 1px solid #dcdcdc;
}
&.active {
.tab-container {
border-right: 1px solid transparent;
}
}
}
li.active + li {
.tab-container {
border-left: 1px solid transparent;
}
}
li:first-child {
.tab-container {
border-left: 1px solid transparent;
}
}
}
`;