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

View File

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

View File

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

View File

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

View File

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