MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve automation test display layout and spacing

This commit is contained in:
Andrew Kingston 2022-07-11 20:16:22 +01:00
parent f0eb659cb5
commit 8d52c772ad
2 changed files with 14 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
packages/builder/src/components/automation/AutomationBuilder/TestDisplay.svelte
View File

@ -67,27 +67,20 @@
{/if} {/if}
<div class="tabs"> <div class="tabs">
<Tabs quiet noPadding selected="Input"> <Tabs noHorizPadding selected="Input">
<Tab title="Input"> <Tab title="Input">
<div style="padding: 10px 10px 10px 10px;"> <TextArea
<TextArea minHeight="80px"
minHeight="80px" disabled
disabled value={textArea(filteredResults?.[idx]?.inputs, "No input")}
value={textArea(filteredResults?.[idx]?.inputs, "No input")} />
/> </Tab>
</div></Tab
>
<Tab title="Output"> <Tab title="Output">
<div style="padding: 10px 10px 10px 10px;"> <TextArea
<TextArea minHeight="100px"
minHeight="100px" disabled
disabled value={textArea(filteredResults?.[idx]?.outputs, "No output")}
value={textArea( />
filteredResults?.[idx]?.outputs,
"No output"
)}
/>
</div>
</Tab> </Tab>
</Tabs> </Tabs>
</div> </div>
@ -113,6 +106,7 @@
align-items: stretch; align-items: stretch;
position: relative; position: relative;
flex: 1 1 auto; flex: 1 1 auto;
padding: 0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
} }
.block { .block {

2
packages/builder/src/pages/builder/portal/overview/[application]/index.svelte
View File

@ -395,7 +395,7 @@
line-height: 1em; line-height: 1em;
margin-bottom: var(--spacing-s); margin-bottom: var(--spacing-s);
} }
.tab-wrap :global(.spectrum-Tabs) { .tab-wrap :global(> .spectrum-Tabs) {
padding-left: var(--spectrum-alias-grid-gutter-large); padding-left: var(--spectrum-alias-grid-gutter-large);
padding-right: var(--spectrum-alias-grid-gutter-large); padding-right: var(--spectrum-alias-grid-gutter-large);
} }