Make portal organisation page mobile friendly

This commit is contained in:
Andrew Kingston 2021-09-13 16:59:15 +01:00
parent fe3a53891a
commit 4cb209f384
1 changed files with 7 additions and 9 deletions

View File

@ -83,7 +83,7 @@
</script> </script>
{#if $auth.isAdmin} {#if $auth.isAdmin}
<Layout> <Layout noPadding>
<Layout gap="XS" noPadding> <Layout gap="XS" noPadding>
<Heading size="M">Organisation</Heading> <Heading size="M">Organisation</Heading>
<Body> <Body>
@ -99,7 +99,7 @@
</Layout> </Layout>
<div class="fields"> <div class="fields">
<div class="field"> <div class="field">
<Label size="L">Organization name</Label> <Label size="L">Org. name</Label>
<Input thin bind:value={$values.company} /> <Input thin bind:value={$values.company} />
</div> </div>
<div class="field logo"> <div class="field logo">
@ -138,12 +138,10 @@
please let us know below. please let us know below.
</Body> </Body>
</Layout> </Layout>
<div class="fields"> <Toggle
<div class="field"> text="Send Analytics to Budibase"
<Label size="L">Send Analytics to Budibase</Label> bind:value={$values.analytics}
<Toggle text="" bind:value={$values.analytics} /> />
</div>
</div>
<div> <div>
<Button disabled={loading} on:click={saveConfig} cta>Save</Button> <Button disabled={loading} on:click={saveConfig} cta>Save</Button>
</div> </div>
@ -158,7 +156,7 @@
} }
.field { .field {
display: grid; display: grid;
grid-template-columns: 33% 1fr; grid-template-columns: 100px 1fr;
align-items: center; align-items: center;
} }
.file { .file {