CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-10-02 01:56:57 +13:00
Code Issues Projects Releases Wiki Activity

styling fixes

Browse source
This commit is contained in:
kevmodrome 2020-04-09 13:47:47 +02:00
parent 97ee1601e2
commit e33db1ea39
5 changed files with 29 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
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>
<footer>
<ActionButton primary on:click={save}>Save</ActionButton>
<ActionButton alert on:click={() => onFinished(false)}>Cancel</ActionButton>
</footer>
</div> </div>
<footer>
<ActionButton primary on:click={save}>Save</ActionButton>
<ActionButton alert on:click={() => onFinished(false)}>Cancel</ActionButton>
</footer>
<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>

41
packages/builder/src/components/database/ModelView.svelte
View file

@ -100,17 +100,17 @@
} }
</script> </script>
<div class="root"> <heading>
<heading>
{#if !editingField}
<i class="ri-list-settings-line button--toggled" />
<h3 class="budibase__title--3">Create / Edit Model</h3>
{:else}
<i class="ri-file-list-line button--toggled" />
<h3 class="budibase__title--3">Create / Edit Field</h3>
{/if}
</heading>
{#if !editingField} {#if !editingField}
<i class="ri-list-settings-line button--toggled" />
<h3 class="budibase__title--3">Create / Edit Model</h3>
{:else}
<i class="ri-file-list-line button--toggled" />
<h3 class="budibase__title--3">Create / Edit Field</h3>
{/if}
</heading>
{#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>
<FieldView {:else}
field={fieldToEdit} <FieldView
onFinished={onFinishedFieldEdit} field={fieldToEdit}
allFields={record.fields} onFinished={onFinishedFieldEdit}
store={$store} /> allFields={record.fields}
{/if} store={$store} />
</div> {/if}
<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;
} }