create common styles for account forms

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