rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-06-25 13:45:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: style updates

Browse Source
This commit is contained in:
Anoop M D
2022-01-25 03:41:35 +05:30
parent 178b92f975
commit 6812494d6b
9 changed files with 38 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,7 +2,7 @@ import styled from 'styled-components';
const StyledWrapper = styled.div`
div.CodeMirror {
border: solid 1px #e1e1e1;
border: solid 1px var(--color-codemirror-border);
height: 96%;
}

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

@@ -4,21 +4,21 @@ const Wrapper = styled.div`
height: 2.3rem;
div.method-selector {
border: solid 1px #cfcfcf;
border: solid 1px var(--color-layout-border);
border-right: none;
background-color: #f3f3f3;
background-color: var(--color-sidebar-background);
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
div.input-container {
border: solid 1px #cfcfcf;
background-color: #f3f3f3;
border: solid 1px var(--color-layout-border);
background-color: var(--color-sidebar-background);
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
input {
background-color: #f3f3f3;
background-color: var(--color-sidebar-background);
outline: none;
box-shadow: none;

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

@@ -107,7 +107,7 @@ const RequestTabPanel = ({dispatch, actions, collections, activeRequestTabId, re
<div
className="pb-4 px-4"
style={{
borderBottom: 'solid 1px #e1e1e1'
borderBottom: 'solid 1px var(--color-layout-border)'
}}
>
<div className="pt-2 text-gray-600">{item.name}</div>

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

@@ -6,7 +6,7 @@ const Wrapper = styled.div`
padding: 0;
margin: 0 0 10px;
padding-left: 1rem;
border-bottom: 1px solid #cfcfcf;
border-bottom: 1px solid var(--color-layout-border);
li {
display: inline-flex;
@@ -31,7 +31,7 @@ const Wrapper = styled.div`
}
&.active {
border-color: #cfcfcf;
border-color: var(--color-layout-border);
background: #fff;
border-radius: 5px 5px 0 0;

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

@@ -49,7 +49,7 @@ const RequestTabs = ({actions, dispatch, activeRequestTabId, requestTabs}) => {
};
return (
<StyledWrapper className="mt-3 flex items-center">
<StyledWrapper className="mt-2 flex items-center">
{requestTabs && requestTabs.length ? (
<ul role="tablist">
{requestTabs && requestTabs.length ? requestTabs.map((rt, index) => {

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

@@ -2,7 +2,7 @@ import styled from 'styled-components';
const StyledWrapper = styled.div`
div.CodeMirror {
border: solid 1px #e1e1e1;
border: solid 1px var(--color-codemirror-border);
}
div.overlay{