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

styling fixes

This commit is contained in:
kevmodrome 2020-04-09 13:47:47 +02:00
parent 88ab1720cd
commit f830d81b28
5 changed files with 29 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/builder/src/components/database/FieldView.svelte
View File

@ -136,18 +136,18 @@
bind:value={clonedField.typeOptions.maxLength} /> bind:value={clonedField.typeOptions.maxLength} />
{/if} {/if}
</form> </form>
</div>
<footer> <footer>
<ActionButton primary on:click={save}>Save</ActionButton> <ActionButton primary on:click={save}>Save</ActionButton>
<ActionButton alert on:click={() => onFinished(false)}>Cancel</ActionButton> <ActionButton alert on:click={() => onFinished(false)}>Cancel</ActionButton>
</footer> </footer>
</div>
<style> <style>
.root {
margin: 20px;
}
footer { footer {
position: absolute;
padding: 20px; padding: 20px;
width: 100%;
bottom: 0; bottom: 0;
left: 0; left: 0;
background: #fafafa; background: #fafafa;

1
packages/builder/src/components/database/IndexView.svelte
View File

@ -144,6 +144,7 @@
} }
heading { heading {
padding: 20px 20px 0 20px;
display: flex; display: flex;
align-items: center; align-items: center;
} }

9
packages/builder/src/components/database/ModelDataTable/modals/CreateEditModel.svelte
View File

@ -1,16 +1,7 @@
<script> <script>
import ActionButton from "components/common/ActionButton.svelte"
import { backendUiStore } from "builderStore"
import ModelView from "../../ModelView.svelte" import ModelView from "../../ModelView.svelte"
import * as api from "../api"
</script> </script>
<section> <section>
<ModelView /> <ModelView />
</section> </section>
<style>
section {
padding: 30px;
}
</style>

7
packages/builder/src/components/database/ModelDataTable/modals/CreateEditView.svelte
View File

@ -1,14 +1,7 @@
<script> <script>
import IndexView from "../../IndexView.svelte" import IndexView from "../../IndexView.svelte"
import * as api from "../api"
</script> </script>
<section> <section>
<IndexView /> <IndexView />
</section> </section>
<style>
section {
padding: 30px;
}
</style>

19
packages/builder/src/components/database/ModelView.svelte
View File

@ -100,8 +100,7 @@
} }
</script> </script>
<div class="root"> <heading>
<heading>
{#if !editingField} {#if !editingField}
<i class="ri-list-settings-line button--toggled" /> <i class="ri-list-settings-line button--toggled" />
<h3 class="budibase__title--3">Create / Edit Model</h3> <h3 class="budibase__title--3">Create / Edit Model</h3>
@ -109,8 +108,9 @@
<i class="ri-file-list-line button--toggled" /> <i class="ri-file-list-line button--toggled" />
<h3 class="budibase__title--3">Create / Edit Field</h3> <h3 class="budibase__title--3">Create / Edit Field</h3>
{/if} {/if}
</heading> </heading>
{#if !editingField} {#if !editingField}
<div class="padding">
<h4 class="budibase__label--big">Settings</h4> <h4 class="budibase__label--big">Settings</h4>
{#if $store.errors && $store.errors.length > 0} {#if $store.errors && $store.errors.length > 0}
@ -185,18 +185,18 @@
</ActionButton> </ActionButton>
{/if} {/if}
</div> </div>
{:else} </div>
{:else}
<FieldView <FieldView
field={fieldToEdit} field={fieldToEdit}
onFinished={onFinishedFieldEdit} onFinished={onFinishedFieldEdit}
allFields={record.fields} allFields={record.fields}
store={$store} /> store={$store} />
{/if} {/if}
</div>
<style> <style>
.root { .padding {
height: 100%; padding: 20px;
} }
.new-field { .new-field {
@ -225,6 +225,7 @@
} }
heading { heading {
padding: 20px 20px 0 20px;
display: flex; display: flex;
align-items: center; align-items: center;
} }