Formatting.
This commit is contained in:
mike12345567
parent
3332e56842
commit
6013cfd8ed
|
|
@ -7,8 +7,10 @@
|
|||
export let noPadding = false
|
||||
</script>
|
||||
|
||||
<h1 style="text-align:{textAlign};"
|
||||
class:noPadding
|
||||
class="spectrum-Heading spectrum-Heading--size{size}">
|
||||
<h1
|
||||
style="text-align:{textAlign};"
|
||||
class:noPadding
|
||||
class="spectrum-Heading spectrum-Heading--size{size}"
|
||||
>
|
||||
<slot />
|
||||
</h1>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<script>
|
||||
import { Layout, Input } from "@budibase/bbui"
|
||||
import {
|
||||
Layout,
|
||||
Input,
|
||||
} from "@budibase/bbui"
|
||||
import {createValidationStore, requiredValidator} from "../../../helpers/validation"
|
||||
createValidationStore,
|
||||
requiredValidator,
|
||||
} from "../../../helpers/validation"
|
||||
|
||||
export let password
|
||||
export let error
|
||||
|
|
@ -18,22 +18,26 @@
|
|||
)
|
||||
|
||||
$: password = $firstPassword
|
||||
$: error = !$firstPassword || !$firstTouched || !$repeatTouched || $firstPassword !== $repeatPassword
|
||||
$: error =
|
||||
!$firstPassword ||
|
||||
!$firstTouched ||
|
||||
!$repeatTouched ||
|
||||
$firstPassword !== $repeatPassword
|
||||
</script>
|
||||
|
||||
<Layout gap="XS" noPadding>
|
||||
<Input
|
||||
label="Password"
|
||||
type="password"
|
||||
error={$firstTouched && $passwordError}
|
||||
bind:value={$firstPassword}
|
||||
label="Password"
|
||||
type="password"
|
||||
error={$firstTouched && $passwordError}
|
||||
bind:value={$firstPassword}
|
||||
/>
|
||||
<Input
|
||||
label="Repeat Password"
|
||||
type="password"
|
||||
error={$repeatTouched &&
|
||||
$firstPassword !== $repeatPassword &&
|
||||
"Passwords must match"}
|
||||
bind:value={$repeatPassword}
|
||||
label="Repeat Password"
|
||||
type="password"
|
||||
error={$repeatTouched &&
|
||||
$firstPassword !== $repeatPassword &&
|
||||
"Passwords must match"}
|
||||
bind:value={$repeatPassword}
|
||||
/>
|
||||
</Layout>
|
||||
</Layout>
|
||||
|
|
|
|||
|
|
@ -1,18 +1,10 @@
|
|||
<script>
|
||||
import {
|
||||
Input,
|
||||
Button,
|
||||
Layout,
|
||||
Body,
|
||||
Heading,
|
||||
} from "@budibase/bbui"
|
||||
import { Input, Button, Layout, Body, Heading } from "@budibase/bbui"
|
||||
|
||||
let username = ""
|
||||
let password = ""
|
||||
|
||||
async function reset() {
|
||||
|
||||
}
|
||||
async function reset() {}
|
||||
</script>
|
||||
|
||||
<div class="login">
|
||||
|
|
@ -23,7 +15,10 @@
|
|||
</Layout>
|
||||
<Layout gap="XS" noPadding>
|
||||
<Heading textAlign="center">Forgotten your password?</Heading>
|
||||
<Body size="S" textAlign="center">No problem! Just enter your account's email address and we'll send you a link to reset it.</Body>
|
||||
<Body size="S" textAlign="center"
|
||||
>No problem! Just enter your account's email address and we'll send
|
||||
you a link to reset it.</Body
|
||||
>
|
||||
<Input label="Email" bind:value={username} />
|
||||
</Layout>
|
||||
<Button cta on:click={reset}>Reset your password</Button>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,6 @@
|
|||
</Link>
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
.outer {
|
||||
border: 1px solid #494949;
|
||||
|
|
|
|||
|
|
@ -43,11 +43,18 @@
|
|||
<Divider noGrid />
|
||||
<Body size="S" textAlign="center">Sign in with email</Body>
|
||||
<Input label="Email" bind:value={username} />
|
||||
<Input label="Password" type="password" on:change bind:value={password} />
|
||||
<Input
|
||||
label="Password"
|
||||
type="password"
|
||||
on:change
|
||||
bind:value={password}
|
||||
/>
|
||||
</Layout>
|
||||
<Layout gap="S" noPadding>
|
||||
<Button cta on:click={login}>Sign in to Budibase</Button>
|
||||
<ActionButton quiet on:click={() => $goto("./forgot")}>Forgot password?</ActionButton>
|
||||
<ActionButton quiet on:click={() => $goto("./forgot")}
|
||||
>Forgot password?</ActionButton
|
||||
>
|
||||
</Layout>
|
||||
</Layout>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,20 +1,12 @@
|
|||
<script>
|
||||
import {
|
||||
Input,
|
||||
Button,
|
||||
Layout,
|
||||
Body,
|
||||
Heading,
|
||||
} from "@budibase/bbui"
|
||||
import { Input, Button, Layout, Body, Heading } from "@budibase/bbui"
|
||||
import { params } from "@roxi/routify"
|
||||
import { auth } from "stores/backend"
|
||||
|
||||
const resetCode = $params["?code"]
|
||||
let password = ""
|
||||
|
||||
async function reset() {
|
||||
|
||||
}
|
||||
async function reset() {}
|
||||
</script>
|
||||
|
||||
<div class="login">
|
||||
|
|
@ -25,7 +17,9 @@
|
|||
</Layout>
|
||||
<Layout gap="XS" noPadding>
|
||||
<Heading textAlign="center">Reset your password</Heading>
|
||||
<Body size="S" textAlign="center">Please enter the new password you'd like to use.</Body>
|
||||
<Body size="S" textAlign="center"
|
||||
>Please enter the new password you'd like to use.</Body
|
||||
>
|
||||
<Input label="Password" bind:value={password} />
|
||||
</Layout>
|
||||
<Button cta on:click={reset}>Reset your password</Button>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,5 @@
|
|||
<script>
|
||||
import {
|
||||
Layout,
|
||||
Heading,
|
||||
Body,
|
||||
Button,
|
||||
notifications,
|
||||
} from "@budibase/bbui"
|
||||
import { Layout, Heading, Body, Button, notifications } from "@budibase/bbui"
|
||||
import { goto, params } from "@roxi/routify"
|
||||
import PasswordRepeatInput from "components/common/users/PasswordRepeatInput.svelte"
|
||||
import { users } from "stores/portal"
|
||||
|
|
@ -34,14 +28,13 @@
|
|||
</Layout>
|
||||
<Layout gap="XS">
|
||||
<Heading textAlign="center" size="M">Accept Invitation</Heading>
|
||||
<Body textAlign="center" size="S">Please enter a password to setup your user.</Body>
|
||||
<Body textAlign="center" size="S"
|
||||
>Please enter a password to setup your user.</Body
|
||||
>
|
||||
<PasswordRepeatInput bind:error bind:password />
|
||||
</Layout>
|
||||
<Layout gap="S">
|
||||
<Button
|
||||
disabled={error}
|
||||
cta
|
||||
on:click={acceptInvite}>Accept invite</Button
|
||||
<Button disabled={error} cta on:click={acceptInvite}>Accept invite</Button
|
||||
>
|
||||
</Layout>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue