diff options
Diffstat (limited to 'client')
3 files changed, 19 insertions, 11 deletions
diff --git a/client/js/app/src/app/pages/querybuilder/query-derived/paste-modal.jsx b/client/js/app/src/app/pages/querybuilder/query-derived/paste-modal.jsx index 04827427133..90fe6a51eb6 100644 --- a/client/js/app/src/app/pages/querybuilder/query-derived/paste-modal.jsx +++ b/client/js/app/src/app/pages/querybuilder/query-derived/paste-modal.jsx @@ -29,9 +29,15 @@ function PasteForm({ close }) { return ( <Stack> <Textarea + styles={(theme) => ({ + input: { + fontFamily: theme.fontFamilyMonospace, + fontSize: theme.fontSizes.xs, + }, + })} placeholder="Your Vespa query JSON" error={error} - minRows={34} + minRows={21} value={query} onChange={({ target }) => setQuery(target.value)} autosize 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 4810f265a4d..c369083a6a0 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 @@ -37,11 +37,12 @@ export function QueryDerived() { </Group> </Group> <Textarea - styles={{ - root: { height: '100%' }, - wrapper: { height: '100%' }, - input: { height: '100%' }, - }} + styles={(theme) => ({ + input: { + fontFamily: theme.fontFamilyMonospace, + fontSize: theme.fontSizes.xs, + }, + })} value={query} variant="unstyled" minRows={21} 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 419d11ada7b..055618ac636 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 @@ -42,11 +42,12 @@ export function QueryResponse() { </Group> </Group> <Textarea - styles={{ - root: { height: '100%' }, - wrapper: { height: '100%' }, - input: { height: '100%' }, - }} + styles={(theme) => ({ + input: { + fontFamily: theme.fontFamilyMonospace, + fontSize: theme.fontSizes.xs, + }, + })} value={response ?? ''} variant="unstyled" minRows={21} |