mirror of
https://github.com/usebruno/bruno.git
synced 2025-06-21 20:41:41 +02:00
feat(#bru-22): prettify graphql placement and styling (#1675)
This commit is contained in:
parent
01360d1522
commit
f64e13a71f
@ -14,6 +14,7 @@ import { getAllVariables } from 'utils/collections';
|
|||||||
import { defineCodeMirrorBrunoVariablesMode } from 'utils/common/codemirror';
|
import { defineCodeMirrorBrunoVariablesMode } from 'utils/common/codemirror';
|
||||||
import toast from 'react-hot-toast';
|
import toast from 'react-hot-toast';
|
||||||
import StyledWrapper from './StyledWrapper';
|
import StyledWrapper from './StyledWrapper';
|
||||||
|
import { IconWand } from '@tabler/icons';
|
||||||
|
|
||||||
import onHasCompletion from './onHasCompletion';
|
import onHasCompletion from './onHasCompletion';
|
||||||
|
|
||||||
@ -207,14 +208,17 @@ export default class QueryEditor extends React.Component {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<StyledWrapper
|
<StyledWrapper
|
||||||
className="h-full w-full"
|
className="h-full w-full relative"
|
||||||
aria-label="Query Editor"
|
aria-label="Query Editor"
|
||||||
ref={(node) => {
|
ref={(node) => {
|
||||||
this._node = node;
|
this._node = node;
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<button className="btn-add-param text-link pr-2 py-3 mt-2 select-none" onClick={this.beautifyRequestBody}>
|
<button
|
||||||
Prettify GraphQL
|
className="btn-add-param text-link px-4 py-4 select-none absolute top-0 right-0 z-10"
|
||||||
|
onClick={this.beautifyRequestBody}
|
||||||
|
>
|
||||||
|
<IconWand />
|
||||||
</button>
|
</button>
|
||||||
</StyledWrapper>
|
</StyledWrapper>
|
||||||
</>
|
</>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user