diff options
Diffstat (limited to 'web/pw-server/src/routes/register.svelte')
-rw-r--r-- | web/pw-server/src/routes/register.svelte | 57 |
1 files changed, 3 insertions, 54 deletions
diff --git a/web/pw-server/src/routes/register.svelte b/web/pw-server/src/routes/register.svelte index 1b0b84a..51cc106 100644 --- a/web/pw-server/src/routes/register.svelte +++ b/web/pw-server/src/routes/register.svelte @@ -31,67 +31,16 @@ <div class="page-card"> <div class="page-card-content"> <h1 class="page-card-header">Create account</h1> - <form class="register-form" on:submit|preventDefault={onSubmit}> + <form class="account-form" on:submit|preventDefault={onSubmit}> <label for="username">Username</label> <input name="username" bind:value={username} /> <label for="password">Password</label> <input type="password" name="password" bind:value={password} /> - <button type="submit">Sign up</button> + <button type="submit">Submit</button> </form> </div> </div> <style lang="scss"> - .page-card { - margin: 50px auto; - width: 40%; - max-width: 600px; - border: 1px solid #b5b5b5; - box-sizing: border-box; - border-radius: 0px; - } - - .page-card-content { - margin: 20px 50px; - } - - .page-card-header { - padding-top: .5em; - padding-bottom: 1em; - text-align: center; - } - - .register-form { - box-sizing: border-box; - display: flex; - flex-direction: column; - font-size: 18px; - } - - .register-form label { - margin: 10px 5px; - font-weight: 500; - } - - .register-form input { - margin: 10px 5px; - font-size: 1rem; - // height: 2.5em; - display: block; - border-radius: 4px; - border: 1px solid #b5b5b5; - padding: .75rem 1rem; - } - - .register-form button { - background-color: lightgreen; - padding: 8px 16px; - border-radius: 8px; - border: 0; - font-size: 18pt; - display: block; - margin: 10px auto; - margin-top: 16px; - - } + @import "src/styles/account_forms.scss"; </style>
\ No newline at end of file |