diff options
author | Leandro Alves <leandroalves@yahooinc.com> | 2022-08-14 23:23:46 +0200 |
---|---|---|
committer | Leandro Alves <leandroalves@yahooinc.com> | 2022-08-14 23:23:46 +0200 |
commit | e38ba25788c12ed42aaf6f6083ba7ddffa4fc04e (patch) | |
tree | daf900f92c812f4f42e94dd2f43d7c29813235be /client | |
parent | 4befd20ebed472e6d372043e8d4dec7d271f8309 (diff) |
Fix monospace font in textarea for query-tracer
Diffstat (limited to 'client')
-rw-r--r-- | client/js/app/src/app/pages/querytracer/query-tracer.jsx | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/client/js/app/src/app/pages/querytracer/query-tracer.jsx b/client/js/app/src/app/pages/querytracer/query-tracer.jsx index 70ac934b291..758182d4f3f 100644 --- a/client/js/app/src/app/pages/querytracer/query-tracer.jsx +++ b/client/js/app/src/app/pages/querytracer/query-tracer.jsx @@ -1,25 +1,25 @@ import React, { useState } from 'react'; -import { Textarea } from '@mantine/core'; -import { Container } from 'app/components'; +import { Stack, Textarea } from '@mantine/core'; import { DownloadJeager } from 'app/pages/querybuilder/query-response/download-jeager'; export function QueryTracer() { const [response, setResponse] = useState(''); return ( - <Container> + <Stack> <Textarea - styles={{ - root: { height: '100%' }, - wrapper: { height: '100%' }, - input: { height: '100%' }, - }} + styles={(theme) => ({ + input: { + fontFamily: theme.fontFamilyMonospace, + fontSize: theme.fontSizes.xs, + }, + })} minRows={21} autosize value={response} onChange={({ target }) => setResponse(target.value)} - ></Textarea> + /> <DownloadJeager fullWidth response={response} /> - </Container> + </Stack> ); } |