forked from extern/bruno
chore: style updates
This commit is contained in:
parent
e4d51bcebf
commit
c6d09cf9a7
@ -10,13 +10,12 @@ const StyledWrapper = styled.div`
|
||||
margin: 0;
|
||||
|
||||
.react-tabs__tab {
|
||||
font-size: 14px;
|
||||
padding: 6px 0px;
|
||||
border: none;
|
||||
user-select: none;
|
||||
border-bottom: solid 2px transparent;
|
||||
margin-right: 20px;
|
||||
color: rgb(117 117 117);
|
||||
color: rgb(125 125 125);
|
||||
outline: none !important;
|
||||
|
||||
&:focus, &:active, &:focus-within, &:focus-visible, &:target {
|
||||
|
@ -10,13 +10,12 @@ const StyledWrapper = styled.div`
|
||||
margin: 0;
|
||||
|
||||
.react-tabs__tab {
|
||||
font-size: 14px;
|
||||
padding: 6px 0px;
|
||||
border: none;
|
||||
user-select: none;
|
||||
border-bottom: solid 2px transparent;
|
||||
margin-right: 20px;
|
||||
color: rgb(117 117 117);
|
||||
margin-right: 24px;
|
||||
color: rgb(125 125 125);
|
||||
outline: none !important;
|
||||
|
||||
&:focus, &:active, &:focus-within, &:focus-visible, &:target {
|
||||
|
@ -10,7 +10,9 @@ const HttpRequestPane = ({leftPaneWidth}) => {
|
||||
<Tabs className='react-tabs mt-1 flex flex-grow flex-col h-full' forceRenderTabPanel>
|
||||
<TabList>
|
||||
<Tab tabIndex="-1">Params</Tab>
|
||||
<Tab tabIndex="-1">Body</Tab>
|
||||
<Tab tabIndex="-1">Headers</Tab>
|
||||
<Tab tabIndex="-1">Authorization</Tab>
|
||||
</TabList>
|
||||
<TabPanel>
|
||||
<QueryParams />
|
||||
|
@ -12,7 +12,7 @@ const Wrapper = styled.div`
|
||||
|
||||
thead {
|
||||
color: #616161;
|
||||
font-size: 0.75rem;
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
td {
|
||||
padding: 6px 10px;
|
||||
|
@ -6,19 +6,19 @@ const Wrapper = styled.div`
|
||||
div.method-selector {
|
||||
border: solid 1px #cfcfcf;
|
||||
border-right: none;
|
||||
background-color: #F6F8FA;
|
||||
background-color: #f3f3f3;
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
|
||||
div.input-container {
|
||||
border: solid 1px #cfcfcf;
|
||||
background-color: #F6F8FA;
|
||||
background-color: #f3f3f3;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
||||
input {
|
||||
background-color: #F6F8FA;
|
||||
background-color: #f3f3f3;
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
|
||||
|
@ -12,7 +12,7 @@ const Wrapper = styled.div`
|
||||
|
||||
thead {
|
||||
color: #616161;
|
||||
font-size: 0.75rem;
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
td {
|
||||
padding: 6px 10px;
|
||||
|
@ -7,7 +7,7 @@ const StyledWrapper = styled.div`
|
||||
border: none;
|
||||
border-bottom: solid 2px transparent;
|
||||
margin-right: 20px;
|
||||
color: rgb(117 117 117);
|
||||
color: rgb(125 125 125);
|
||||
cursor: pointer;
|
||||
|
||||
&:focus, &:active, &:focus-within, &:focus-visible, &:target {
|
||||
|
@ -21,7 +21,7 @@ const Wrapper = styled.div`
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: #f7f7f7;
|
||||
background: #e7e7e7;
|
||||
.menu-icon {
|
||||
display: flex;
|
||||
}
|
||||
|
@ -21,6 +21,7 @@ const collection = {
|
||||
"depth": 2,
|
||||
"name": "Capsules",
|
||||
"request": {
|
||||
"type": "graphql",
|
||||
"url": "https://api.spacex.land/graphql/",
|
||||
"method": "POST",
|
||||
"headers": [],
|
||||
@ -39,6 +40,7 @@ const collection = {
|
||||
"depth": 2,
|
||||
"name": "Missions",
|
||||
"request": {
|
||||
"type": "graphql",
|
||||
"url": "https://api.spacex.land/graphql/",
|
||||
"method": "POST",
|
||||
"headers": [],
|
||||
@ -71,6 +73,7 @@ const collection2 = {
|
||||
"depth": 2,
|
||||
"name": "Create",
|
||||
"request": {
|
||||
"type": "graphql",
|
||||
"url": "https://api.spacex.land/graphql/",
|
||||
"method": "POST",
|
||||
"headers": [],
|
||||
@ -89,6 +92,7 @@ const collection2 = {
|
||||
"depth": 2,
|
||||
"name": "Update",
|
||||
"request": {
|
||||
"type": "graphql",
|
||||
"url": "https://api.spacex.land/graphql/",
|
||||
"method": "POST",
|
||||
"headers": [],
|
||||
|
Loading…
Reference in New Issue
Block a user