Update updates page to be mobile friendly and look better

This commit is contained in:
Andrew Kingston 2021-09-14 12:28:23 +01:00
parent 10d59b8370
commit a50f1ef981
1 changed files with 12 additions and 22 deletions

View File

@ -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>