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

modal styling

This commit is contained in:
Martin McKeaveney 2020-03-22 14:05:13 +00:00
parent 19827a0fae
commit 1c329cac60
3 changed files with 45 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/builder/src/database/FieldView.svelte
View File

@ -138,12 +138,19 @@
{/if}
</form>
<div class="uk-modal-footer uk-text-right">
<ButtonGroup>
<ActionButton primary on:click={save}>Save</ActionButton>
<ActionButton alert on:click={() => onFinished(false)}>
Cancel
</ActionButton>
</ButtonGroup>
</div>
<footer>
<ActionButton primary on:click={save}>Save</ActionButton>
<ActionButton alert on:click={() => onFinished(false)}>Cancel</ActionButton>
</footer>
</div>
<style>
footer {
position: absolute;
padding: 20px;
width: 100%;
bottom: 0;
left: 0;
background: #fafafa;
}
</style>

19
packages/builder/src/database/ModelDataTable/modals/CreateDatabase.svelte
View File

@ -18,8 +18,21 @@
<section>
Database Name
<input class="uk-input" type="text" bind:value={databaseName} />
<div class="actions">
<footer>
<ActionButton alert on:click={onClosed}>Cancel</ActionButton>
<ActionButton disabled={!databaseName} on:click={createDatabase}>Save</ActionButton>
</div>
<ActionButton disabled={!databaseName} on:click={createDatabase}>
Save
</ActionButton>
</footer>
</section>
<style>
footer {
position: absolute;
padding: 20px;
width: 100%;
bottom: 0;
left: 0;
background: #fafafa;
}
</style>

17
packages/builder/src/database/ModelDataTable/modals/CreateEditRecord.svelte
View File

@ -63,7 +63,7 @@
</div>
{/each}
</form>
<div class="actions">
<footer>
<ActionButton alert on:click={onClosed}>Cancel</ActionButton>
<ActionButton
on:click={async () => {
@ -79,6 +79,17 @@
}}>
Save
</ActionButton>
</div>
</footer>
</div>
</div>
</div>
<style>
footer {
position: absolute;
padding: 20px;
width: 100%;
bottom: 0;
left: 0;
background: #fafafa;
}
</style>