removing uk-form-controls from datepicker, componentselector, modelselector & recordselector

This commit is contained in:
Victoria Sloan 2020-08-30 14:49:25 +01:00
parent 404186c1f7
commit 3cfef73cbd
4 changed files with 27 additions and 35 deletions

View File

@ -26,9 +26,7 @@
<div class="bb-margin-m"> <div class="bb-margin-m">
<label class="uk-form-label">{label}</label> <label class="uk-form-label">{label}</label>
<div class="uk-form-controls"> <input
<input class="uk-input uk-form-width-{width} uk-form-{size}"
class="uk-input uk-form-width-{width} uk-form-{size}" bind:this={input} />
bind:this={input} />
</div>
</div> </div>

View File

@ -25,21 +25,19 @@
<div class="bb-margin-xl block-field"> <div class="bb-margin-xl block-field">
<label class="uk-form-label">Page</label> <label class="uk-form-label">Page</label>
<div class="uk-form-controls">
<select class="budibase__input" bind:value={pageName}> <select class="budibase__input" bind:value={pageName}>
{#each Object.keys(pages) as page} {#each Object.keys(pages) as page}
<option value={page}>{page}</option> <option value={page}>{page}</option>
{/each} {/each}
</select> </select>
</div>
{#if components.length > 0} {#if components.length > 0}
<label class="uk-form-label">Component</label> <label class="uk-form-label">Component</label>
<div class="uk-form-controls"> <select class="budibase__input" bind:value>
<select class="budibase__input" bind:value> {#each components as component}
{#each components as component} <option value={component._id}>{component._id}</option>
<option value={component._id}>{component._id}</option> {/each}
{/each} </select>
</select>
</div>
{/if} {/if}
</div> </div>

View File

@ -5,12 +5,10 @@
</script> </script>
<div class="bb-margin-xl block-field"> <div class="bb-margin-xl block-field">
<div class="uk-form-controls"> <select class="budibase__input" bind:value>
<select class="budibase__input" bind:value> <option value="" />
<option value="" /> {#each $backendUiStore.models as model}
{#each $backendUiStore.models as model} <option value={model}>{model.name}</option>
<option value={model}>{model.name}</option> {/each}
{/each} </select>
</select>
</div>
</div> </div>

View File

@ -6,20 +6,18 @@
</script> </script>
<div class="bb-margin-xl block-field"> <div class="bb-margin-xl block-field">
<div class="uk-form-controls"> <select class="budibase__input" bind:value={value.model}>
<select class="budibase__input" bind:value={value.model}> {#each $backendUiStore.models as model}
{#each $backendUiStore.models as model} <option value={model}>{model.name}</option>
<option value={model}>{model.name}</option> {/each}
{/each} </select>
</select>
</div>
</div> </div>
{#if value.model} {#if value.model}
<div class="bb-margin-xl block-field"> <div class="bb-margin-xl block-field">
<label class="uk-form-label fields">Fields</label> <label class="uk-form-label fields">Fields</label>
{#each Object.keys(value.model.schema) as field} {#each Object.keys(value.model.schema) as field}
<div class="uk-form-controls bb-margin-xl"> <div class="bb-margin-xl">
<Input bind:value={value[field]} label={field} /> <Input bind:value={value[field]} label={field} />
</div> </div>
{/each} {/each}