holm/bruno
1
0
Fork 0
forked from extern/bruno
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: style updates

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/grafnode-components/src/components/GraphQLRequestPane/StyledWrapper.js
View File

@ -10,13 +10,12 @@ const StyledWrapper = styled.div`
margin: 0; margin: 0;
.react-tabs__tab { .react-tabs__tab {
font-size: 14px;
padding: 6px 0px; padding: 6px 0px;
border: none; border: none;
user-select: none; user-select: none;
border-bottom: solid 2px transparent; border-bottom: solid 2px transparent;
margin-right: 20px; margin-right: 20px;
color: rgb(117 117 117); color: rgb(125 125 125);
outline: none !important; outline: none !important;
&:focus, &:active, &:focus-within, &:focus-visible, &:target { &:focus, &:active, &:focus-within, &:focus-visible, &:target {

5
packages/grafnode-components/src/components/HttpRequestPane/StyledWrapper.js
View File

@ -10,13 +10,12 @@ const StyledWrapper = styled.div`
margin: 0; margin: 0;
.react-tabs__tab { .react-tabs__tab {
font-size: 14px;
padding: 6px 0px; padding: 6px 0px;
border: none; border: none;
user-select: none; user-select: none;
border-bottom: solid 2px transparent; border-bottom: solid 2px transparent;
margin-right: 20px; margin-right: 24px;
color: rgb(117 117 117); color: rgb(125 125 125);
outline: none !important; outline: none !important;
&:focus, &:active, &:focus-within, &:focus-visible, &:target { &:focus, &:active, &:focus-within, &:focus-visible, &:target {

2
packages/grafnode-components/src/components/HttpRequestPane/index.js
View File

@ -10,7 +10,9 @@ const HttpRequestPane = ({leftPaneWidth}) => {
<Tabs className='react-tabs mt-1 flex flex-grow flex-col h-full' forceRenderTabPanel> <Tabs className='react-tabs mt-1 flex flex-grow flex-col h-full' forceRenderTabPanel>
<TabList> <TabList>
<Tab tabIndex="-1">Params</Tab> <Tab tabIndex="-1">Params</Tab>
<Tab tabIndex="-1">Body</Tab>
<Tab tabIndex="-1">Headers</Tab> <Tab tabIndex="-1">Headers</Tab>
<Tab tabIndex="-1">Authorization</Tab>
</TabList> </TabList>
<TabPanel> <TabPanel>
<QueryParams /> <QueryParams />

2
packages/grafnode-components/src/components/QueryParams/StyledWrapper.js
View File

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

6
packages/grafnode-components/src/components/QueryUrl/StyledWrapper.js
View File

@ -6,19 +6,19 @@ const Wrapper = styled.div`
div.method-selector { div.method-selector {
border: solid 1px #cfcfcf; border: solid 1px #cfcfcf;
border-right: none; border-right: none;
background-color: #F6F8FA; background-color: #f3f3f3;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
div.input-container { div.input-container {
border: solid 1px #cfcfcf; border: solid 1px #cfcfcf;
background-color: #F6F8FA; background-color: #f3f3f3;
border-top-right-radius: 3px; border-top-right-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
input { input {
background-color: #F6F8FA; background-color: #f3f3f3;
outline: none; outline: none;
box-shadow: none; box-shadow: none;

2
packages/grafnode-components/src/components/RequestHeaders/StyledWrapper.js
View File

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

2
packages/grafnode-components/src/components/ResponsePane/StyledWrapper.js
View File

@ -7,7 +7,7 @@ const StyledWrapper = styled.div`
border: none; border: none;
border-bottom: solid 2px transparent; border-bottom: solid 2px transparent;
margin-right: 20px; margin-right: 20px;
color: rgb(117 117 117); color: rgb(125 125 125);
cursor: pointer; cursor: pointer;
&:focus, &:active, &:focus-within, &:focus-visible, &:target { &:focus, &:active, &:focus-within, &:focus-visible, &:target {

2
packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js
View File

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

4
packages/grafnode-run/src/providers/Store/index.js
View File

@ -21,6 +21,7 @@ const collection = {
"depth": 2, "depth": 2,
"name": "Capsules", "name": "Capsules",
"request": { "request": {
"type": "graphql",
"url": "https://api.spacex.land/graphql/", "url": "https://api.spacex.land/graphql/",
"method": "POST", "method": "POST",
"headers": [], "headers": [],
@ -39,6 +40,7 @@ const collection = {
"depth": 2, "depth": 2,
"name": "Missions", "name": "Missions",
"request": { "request": {
"type": "graphql",
"url": "https://api.spacex.land/graphql/", "url": "https://api.spacex.land/graphql/",
"method": "POST", "method": "POST",
"headers": [], "headers": [],
@ -71,6 +73,7 @@ const collection2 = {
"depth": 2, "depth": 2,
"name": "Create", "name": "Create",
"request": { "request": {
"type": "graphql",
"url": "https://api.spacex.land/graphql/", "url": "https://api.spacex.land/graphql/",
"method": "POST", "method": "POST",
"headers": [], "headers": [],
@ -89,6 +92,7 @@ const collection2 = {
"depth": 2, "depth": 2,
"name": "Update", "name": "Update",
"request": { "request": {
"type": "graphql",
"url": "https://api.spacex.land/graphql/", "url": "https://api.spacex.land/graphql/",
"method": "POST", "method": "POST",
"headers": [], "headers": [],