Browse Source

Touch up admin user creation to match designs

master
Andrew Kingston 5 years ago
parent
commit
199efd145b
  1. 46
      packages/builder/src/pages/admin/index.svelte

46
packages/builder/src/pages/admin/index.svelte

@ -31,21 +31,20 @@
<section> <section>
<div class="container"> <div class="container">
<header> <Layout gap="XS">
<img src="https://i.imgur.com/ZKyklgF.png" />
</Layout>
<Layout gap="XS">
<Heading size="M">Create an admin user</Heading> <Heading size="M">Create an admin user</Heading>
<Body size="S">The admin user has access to everything in budibase.</Body> <Body size="M">The admin user has access to everything in budibase.</Body>
</header> </Layout>
<div class="config-form"> <Layout gap="XS">
<Layout gap="S"> <Input label="Email" bind:value={adminUser.email} />
<Input label="email" bind:value={adminUser.email} /> <Input label="Password" type="password" bind:value={adminUser.password} />
<Input </Layout>
label="password" <Layout gap="S">
type="password" <Button cta on:click={save}>Create super admin user</Button>
bind:value={adminUser.password} </Layout>
/>
<Button cta on:click={save}>Create super admin user</Button>
</Layout>
</div>
</div> </div>
</section> </section>
@ -56,14 +55,19 @@
justify-content: center; justify-content: center;
height: 100%; height: 100%;
} }
.container {
header {
text-align: center;
width: 80%;
margin: 0 auto; margin: 0 auto;
width: 260px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
} }
.container :global(p, h1) {
.config-form { text-align: center;
margin-bottom: 42px; }
img {
width: 40px;
margin: 0 auto;
} }
</style> </style>

Loading…
Cancel
Save