chore: style updates

This commit is contained in:
Anoop M D 2022-01-21 13:25:39 +05:30
parent e4d51bcebf
commit c6d09cf9a7
9 changed files with 16 additions and 12 deletions

View File

@ -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 {

View File

@ -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 {

View File

@ -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 />

View File

@ -12,7 +12,7 @@ const Wrapper = styled.div`
thead {
color: #616161;
font-size: 0.75rem;
font-size: 0.8125rem;
}
td {
padding: 6px 10px;

View File

@ -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;

View File

@ -12,7 +12,7 @@ const Wrapper = styled.div`
thead {
color: #616161;
font-size: 0.75rem;
font-size: 0.8125rem;
}
td {
padding: 6px 10px;

View File

@ -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 {

View File

@ -21,7 +21,7 @@ const Wrapper = styled.div`
}
&:hover {
background: #f7f7f7;
background: #e7e7e7;
.menu-icon {
display: flex;
}

View File

@ -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": [],