Update settings pages to new designs

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

View File

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

View File

@ -80,10 +80,6 @@
<Body>Edit and manage all of your organisation settings</Body>
</Layout>
<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="field">
<Label size="L">Org. name</Label>
@ -104,14 +100,7 @@
/>
</div>
</div>
</div>
{#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">
<Label
size="L"
@ -121,21 +110,14 @@
</Label>
<Input thin bind:value={$values.platformUrl} />
</div>
</div>
{/if}
{#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">
<Label size="L">Analytics</Label>
<Toggle text="" bind:value={$values.analyticsEnabled} />
</div>
</div>
{/if}
</div>
<div>
<Button disabled={loading} on:click={saveConfig} cta>Save</Button>
</div>
@ -147,18 +129,15 @@
display: grid;
grid-gap: var(--spacing-m);
}
.field {
display: grid;
grid-template-columns: 100px 1fr;
grid-template-columns: 120px 1fr;
grid-gap: var(--spacing-l);
align-items: center;
}
.file {
max-width: 30ch;
}
.logo {
align-items: start;
}

View File

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