From c6d09cf9a7677560371d0205f389ac33395e6e6a Mon Sep 17 00:00:00 2001 From: Anoop M D Date: Fri, 21 Jan 2022 13:25:39 +0530 Subject: [PATCH] chore: style updates --- .../src/components/GraphQLRequestPane/StyledWrapper.js | 3 +-- .../src/components/HttpRequestPane/StyledWrapper.js | 5 ++--- .../src/components/HttpRequestPane/index.js | 2 ++ .../src/components/QueryParams/StyledWrapper.js | 2 +- .../src/components/QueryUrl/StyledWrapper.js | 6 +++--- .../src/components/RequestHeaders/StyledWrapper.js | 2 +- .../src/components/ResponsePane/StyledWrapper.js | 2 +- .../Collections/Collection/CollectionItem/StyledWrapper.js | 2 +- packages/grafnode-run/src/providers/Store/index.js | 4 ++++ 9 files changed, 16 insertions(+), 12 deletions(-) diff --git a/packages/grafnode-components/src/components/GraphQLRequestPane/StyledWrapper.js b/packages/grafnode-components/src/components/GraphQLRequestPane/StyledWrapper.js index b98f13b8..8035c4cc 100644 --- a/packages/grafnode-components/src/components/GraphQLRequestPane/StyledWrapper.js +++ b/packages/grafnode-components/src/components/GraphQLRequestPane/StyledWrapper.js @@ -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 { diff --git a/packages/grafnode-components/src/components/HttpRequestPane/StyledWrapper.js b/packages/grafnode-components/src/components/HttpRequestPane/StyledWrapper.js index b98f13b8..af2dfcf3 100644 --- a/packages/grafnode-components/src/components/HttpRequestPane/StyledWrapper.js +++ b/packages/grafnode-components/src/components/HttpRequestPane/StyledWrapper.js @@ -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 { diff --git a/packages/grafnode-components/src/components/HttpRequestPane/index.js b/packages/grafnode-components/src/components/HttpRequestPane/index.js index 921cd826..4d2ab7ca 100644 --- a/packages/grafnode-components/src/components/HttpRequestPane/index.js +++ b/packages/grafnode-components/src/components/HttpRequestPane/index.js @@ -10,7 +10,9 @@ const HttpRequestPane = ({leftPaneWidth}) => { Params + Body Headers + Authorization diff --git a/packages/grafnode-components/src/components/QueryParams/StyledWrapper.js b/packages/grafnode-components/src/components/QueryParams/StyledWrapper.js index 15e2a186..20374c7a 100644 --- a/packages/grafnode-components/src/components/QueryParams/StyledWrapper.js +++ b/packages/grafnode-components/src/components/QueryParams/StyledWrapper.js @@ -12,7 +12,7 @@ const Wrapper = styled.div` thead { color: #616161; - font-size: 0.75rem; + font-size: 0.8125rem; } td { padding: 6px 10px; diff --git a/packages/grafnode-components/src/components/QueryUrl/StyledWrapper.js b/packages/grafnode-components/src/components/QueryUrl/StyledWrapper.js index 1ae2f55f..653ed4a1 100644 --- a/packages/grafnode-components/src/components/QueryUrl/StyledWrapper.js +++ b/packages/grafnode-components/src/components/QueryUrl/StyledWrapper.js @@ -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; diff --git a/packages/grafnode-components/src/components/RequestHeaders/StyledWrapper.js b/packages/grafnode-components/src/components/RequestHeaders/StyledWrapper.js index d95b5088..120ec958 100644 --- a/packages/grafnode-components/src/components/RequestHeaders/StyledWrapper.js +++ b/packages/grafnode-components/src/components/RequestHeaders/StyledWrapper.js @@ -12,7 +12,7 @@ const Wrapper = styled.div` thead { color: #616161; - font-size: 0.75rem; + font-size: 0.8125rem; } td { padding: 6px 10px; diff --git a/packages/grafnode-components/src/components/ResponsePane/StyledWrapper.js b/packages/grafnode-components/src/components/ResponsePane/StyledWrapper.js index 7feaac8b..9fe4eb13 100644 --- a/packages/grafnode-components/src/components/ResponsePane/StyledWrapper.js +++ b/packages/grafnode-components/src/components/ResponsePane/StyledWrapper.js @@ -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 { diff --git a/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js b/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js index bb8f5cfe..3a76923e 100644 --- a/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js +++ b/packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js @@ -21,7 +21,7 @@ const Wrapper = styled.div` } &:hover { - background: #f7f7f7; + background: #e7e7e7; .menu-icon { display: flex; } diff --git a/packages/grafnode-run/src/providers/Store/index.js b/packages/grafnode-run/src/providers/Store/index.js index f7d9aa9a..d37a6904 100644 --- a/packages/grafnode-run/src/providers/Store/index.js +++ b/packages/grafnode-run/src/providers/Store/index.js @@ -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": [],