Fix massive widths on remaining button actions

This commit is contained in:
Andrew Kingston 2021-03-19 14:26:37 +00:00
parent 705670757b
commit 1283fe520e
6 changed files with 58 additions and 31 deletions

View File

@ -24,6 +24,7 @@
}
</script>
<div class="root">
<Label small>Datasource</Label>
<Select thin secondary bind:value={parameters.datasourceId}>
<option value="" />
@ -57,3 +58,11 @@
schema={fetchQueryDefinition(query)}
editable={false} />
{/if}
</div>
<style>
.root {
max-width: 800px;
margin: 0 auto;
}
</style>

View File

@ -30,7 +30,9 @@
display: grid;
column-gap: var(--spacing-l);
row-gap: var(--spacing-s);
grid-template-columns: auto 1fr auto 1fr;
grid-template-columns: auto 1fr;
align-items: baseline;
max-width: 800px;
margin: 0 auto;
}
</style>

View File

@ -1,7 +1,14 @@
<div class="root">This action doesn't require any additional settings.</div>
<script>
import { Body } from "@budibase/bbui"
</script>
<div class="root">
<Body small grey>This action doesn't require any additional settings.</Body>
</div>
<style>
.root {
font-size: var(--font-size-s);
max-width: 800px;
margin: 0 auto;
}
</style>

View File

@ -27,6 +27,8 @@
display: flex;
flex-direction: row;
align-items: baseline;
max-width: 800px;
margin: 0 auto;
}
.root :global(> div) {

View File

@ -101,6 +101,11 @@
</div>
<style>
.root {
max-width: 800px;
margin: 0 auto;
}
.fields {
display: grid;
column-gap: var(--spacing-l);

View File

@ -29,6 +29,8 @@
display: flex;
flex-direction: row;
align-items: baseline;
max-width: 800px;
margin: 0 auto;
}
.root :global(> div) {