MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Touch up admin user creation to match designs

This commit is contained in:
Andrew Kingston 2021-05-06 14:11:06 +01:00
parent d1a355341f
commit 700df23e78
1 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
packages/builder/src/pages/admin/index.svelte
View File

@ -31,22 +31,21 @@
<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">
<Input label="Email" bind:value={adminUser.email} />
<Input label="Password" type="password" bind:value={adminUser.password} />
</Layout>
<Layout gap="S"> <Layout gap="S">
<Input label="email" bind:value={adminUser.email} />
<Input
label="password"
type="password"
bind:value={adminUser.password}
/>
<Button cta on:click={save}>Create super admin user</Button> <Button cta on:click={save}>Create super admin user</Button>
</Layout> </Layout>
</div> </div>
</div>
</section> </section>
<style> <style>
@ -56,14 +55,19 @@
justify-content: center; justify-content: center;
height: 100%; height: 100%;
} }
.container {
header { margin: 0 auto;
width: 260px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.container :global(p, h1) {
text-align: center; text-align: center;
width: 80%; }
img {
width: 40px;
margin: 0 auto; margin: 0 auto;
} }
.config-form {
margin-bottom: 42px;
}
</style> </style>