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

css tidy

This commit is contained in:
Peter Clement 2023-06-28 16:35:40 +01:00
parent 847684daf1
commit 8c7657a1b6
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
packages/builder/src/components/design/settings/controls/ButtonActionEditor/actions/TriggerAutomation.svelte
View File

@ -64,8 +64,10 @@
</script>
<div class="root">
<div class="params">
<Label small>Automation</Label>
<div class="fields">
<div class:title-padding={parameters.synchronous}>
<Label small>Automation</Label>
</div>
<div style="width: 100%">
<Select
on:change={onChange}
@ -75,26 +77,22 @@
getOptionLabel={x => x.name}
getOptionValue={x => x._id}
/>
{#if parameters.synchronous}
<div class="synchronous-info">
<Icon size="XS" name="Info" />
<Body size="XS">This automation will run synchronously</Body>
</div>
{/if}
</div>
</div>
<div class="fields">
<Label small />
{#if parameters.synchronous}
<div class="synchronous-info">
<Icon size="XS" name="Info" />
<Body size="XS">This automation will run synchronously</Body>
</div>
{/if}
</div>
<div class="fields">
{#if parameters.synchronous}
{#if parameters.synchronous}
<div class="fields">
<Label small>Timeout</Label>
<div class="timeout-width">
<Input type="number" {error} bind:value={parameters.timeout} />
</div>
{/if}
</div>
</div>
{/if}
<div class="fields">
{#if selectedSchema && selectedSchema.length}
{#each selectedSchema as field, idx}
@ -144,18 +142,20 @@
margin-top: var(--spacing-l);
}
.title-padding {
padding-bottom: 20px;
}
.params {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 25px;
}
.synchronous-info {
display: flex;
gap: var(--spacing-s);
margin-top: calc(var(--spacing-m) * -1);
margin-top: var(--spacing-s);
}
.fields {
@ -163,7 +163,7 @@
display: grid;
column-gap: var(--spacing-l);
row-gap: var(--spacing-s);
grid-template-columns: 0.1fr 0.5fr 0.5fr;
grid-template-columns: 15% auto auto;
align-items: center;
}
</style>