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 1ae179687e
commit 199efd145b
1 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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