CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-20 03:08:18 +12:00
Code Issues Projects Releases Wiki Activity

Update settings pages to new designs

Browse source
This commit is contained in:
Andrew Kingston 2022-12-14 15:58:56 +00:00
parent 0419f22931
commit 6ca0443aef
3 changed files with 10 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/builder/src/pages/builder/portal/settings/auth/index.svelte
View file

@ -545,7 +545,7 @@
<style> <style>
.form-row { .form-row {
display: grid; display: grid;
grid-template-columns: 110px 1fr; grid-template-columns: 120px 1fr;
grid-gap: var(--spacing-l); grid-gap: var(--spacing-l);
align-items: center; align-items: center;
} }

25
packages/builder/src/pages/builder/portal/settings/organisation.svelte
View file

@ -80,10 +80,6 @@
<Body>Edit and manage all of your organisation settings</Body> <Body>Edit and manage all of your organisation settings</Body>
</Layout> </Layout>
<Divider /> <Divider />
<Layout gap="XS" noPadding>
<Heading size="S">Information</Heading>
<Body size="S">Here you can update your logo and organization name.</Body>
</Layout>
<div class="fields"> <div class="fields">
<div class="field"> <div class="field">
<Label size="L">Org. name</Label> <Label size="L">Org. name</Label>
@ -104,14 +100,7 @@
/> />
</div> </div>
</div> </div>
</div>
{#if !$admin.cloud} {#if !$admin.cloud}
<Divider />
<Layout gap="XS" noPadding>
<Heading size="S">Platform</Heading>
<Body size="S">Here you can set up general platform settings.</Body>
</Layout>
<div class="fields">
<div class="field"> <div class="field">
<Label <Label
size="L" size="L"
@ -121,21 +110,14 @@
</Label> </Label>
<Input thin bind:value={$values.platformUrl} /> <Input thin bind:value={$values.platformUrl} />
</div> </div>
</div>
{/if} {/if}
{#if !$admin.cloud} {#if !$admin.cloud}
<Divider />
<Layout gap="XS" noPadding>
<Heading size="S">Analytics</Heading>
<Body size="S">Choose whether to opt-in or opt-out of analytics.</Body>
</Layout>
<div class="fields">
<div class="field"> <div class="field">
<Label size="L">Analytics</Label> <Label size="L">Analytics</Label>
<Toggle text="" bind:value={$values.analyticsEnabled} /> <Toggle text="" bind:value={$values.analyticsEnabled} />
</div> </div>
</div>
{/if} {/if}
</div>
<div> <div>
<Button disabled={loading} on:click={saveConfig} cta>Save</Button> <Button disabled={loading} on:click={saveConfig} cta>Save</Button>
</div> </div>
@ -147,18 +129,15 @@
display: grid; display: grid;
grid-gap: var(--spacing-m); grid-gap: var(--spacing-m);
} }
.field { .field {
display: grid; display: grid;
grid-template-columns: 100px 1fr; grid-template-columns: 120px 1fr;
grid-gap: var(--spacing-l); grid-gap: var(--spacing-l);
align-items: center; align-items: center;
} }
.file { .file {
max-width: 30ch; max-width: 30ch;
} }
.logo { .logo {
align-items: start; align-items: start;
} }

6
packages/builder/src/pages/builder/portal/settings/version.svelte
View file

@ -62,12 +62,12 @@
</Layout> </Layout>
<Divider /> <Divider />
{#if version} {#if version}
<div> <Layout noPadding gap="XS">
<Label size="L">Current version</Label> <Label size="L">Current version</Label>
<Heading size="XS"> <Heading size="S">
{version} {version}
</Heading> </Heading>
</div> </Layout>
{/if} {/if}
<div> <div>
<Button cta on:click={updateBudibase}>Check for updates</Button> <Button cta on:click={updateBudibase}>Check for updates</Button>