diff options
| author | Leandro Alves <leandroalves@yahooinc.com> | 2022-08-12 10:40:43 +0200 |
|---|---|---|
| committer | Valerij Fredriksen <valerijf@yahooinc.com> | 2022-08-12 15:02:05 +0200 |
| commit | f53fc3d73b9b8d5bd20b4a81b83f4ac02e7826ad (patch) | |
| tree | 088169b3a2910ac256cd8f5b0248302545774c9f /client/js | |
| parent | c4e02716c2d1237c3b60a7d101fb97ababf74f11 (diff) | |
Touch styles
Diffstat (limited to 'client/js')
3 files changed, 10 insertions, 4 deletions
diff --git a/client/js/app/src/app/components/icon/icon.jsx b/client/js/app/src/app/components/icon/icon.jsx index 5a5a5e0dd55..88075b9e7e2 100644 --- a/client/js/app/src/app/components/icon/icon.jsx +++ b/client/js/app/src/app/components/icon/icon.jsx @@ -5,6 +5,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faArrowsToDot, faChartGantt, + faCheck, faCircleMinus, faCopy, faDownload, @@ -21,7 +22,8 @@ library.add( faPlus, faPaste, faDownload, - faCopy + faCopy, + faCheck ); export function Icon({ name, type = 'solid', color, ...rest }) { diff --git a/client/js/app/src/app/pages/querybuilder/query-derived/query-derived.jsx b/client/js/app/src/app/pages/querybuilder/query-derived/query-derived.jsx index 1f200d93e36..b252886ae0c 100644 --- a/client/js/app/src/app/pages/querybuilder/query-derived/query-derived.jsx +++ b/client/js/app/src/app/pages/querybuilder/query-derived/query-derived.jsx @@ -26,8 +26,10 @@ export function QueryDerived() { }} value={query} validationError="Invalid json" + variant={'unstyled'} minRows={21} formatOnBlur + autosize /> </Stack> ); diff --git a/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx b/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx index 4f076dd5ec4..6f101cc511b 100644 --- a/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx +++ b/client/js/app/src/app/pages/querybuilder/query-response/query-response.jsx @@ -20,14 +20,14 @@ export function QueryResponse() { <CopyButton value={response}> {({ copied, copy }) => ( <Button - leftIcon={<Icon name="copy" />} + leftIcon={<Icon name={copied ? 'check' : 'copy'} />} color={copied ? 'teal' : 'blue'} variant="outline" onClick={copy} size="xs" compact > - {copied ? 'Copied' : 'Copy'} + Copy </Button> )} </CopyButton> @@ -37,7 +37,7 @@ export function QueryResponse() { size="xs" compact > - Jeager Format + Jaeger Format </Button> </Group> </Group> @@ -48,7 +48,9 @@ export function QueryResponse() { input: { height: '100%' }, }} value={response} + variant={'unstyled'} minRows={21} + autosize /> </Stack> ); |