Browse Source

Update updates page to be mobile friendly and look better

master
Andrew Kingston 5 years ago
parent
commit
11962bb5fa
  1. 34
      packages/builder/src/pages/builder/portal/settings/update.svelte

34
packages/builder/src/pages/builder/portal/settings/update.svelte

@ -7,6 +7,7 @@
Button, Button,
Divider, Divider,
notifications, notifications,
Label,
} from "@budibase/bbui" } from "@budibase/bbui"
import api from "builderStore/api" import api from "builderStore/api"
import { auth } from "stores/portal" import { auth } from "stores/portal"
@ -47,36 +48,25 @@
</script> </script>
{#if $auth.isAdmin} {#if $auth.isAdmin}
<Layout> <Layout noPadding>
<Layout gap="XS" noPadding> <Layout gap="XS" noPadding>
<Heading size="M">Update</Heading> <Heading size="M">Updates</Heading>
<Body> <Body>
Keep your budibase installation up to date to take advantage of the Keep your budibase installation up to date to take advantage of the
latest features, security updates and much more. latest features, security updates and much more.
</Body> </Body>
</Layout> </Layout>
<Divider size="S" /> <Divider size="S" />
<div class="fields"> {#if version}
<div class="field"> <div>
{#if version} <Label size="L">Current version</Label>
Current Version: {version} <Heading size="XS">
{/if} {version}
</div> </Heading>
<div class="field">
<Button cta on:click={updateBudibase}>Check For Updates</Button>
</div> </div>
{/if}
<div>
<Button cta on:click={updateBudibase}>Check for updates</Button>
</div> </div>
</Layout> </Layout>
{/if} {/if}
<style>
.fields {
display: grid;
grid-gap: var(--spacing-m);
}
.field {
display: grid;
grid-template-columns: 33% 1fr;
align-items: center;
}
</style>

Loading…
Cancel
Save