create common styles for account forms

1 files changed, 18 insertions, 11 deletions

diff --git a/web/pw-server/src/routes/login.svelte b/web/pw-server/src/routes/login.svelte
index da3fc83..9ff0378 100644
--- a/web/pw-server/src/routes/login.svelte
+++ b/web/pw-server/src/routes/login.svelte
@@ -35,14 +35,21 @@
   }
 </script>
 
-{#if loggedIn()}
-  you are logged in
-{/if}
-
-<form on:submit|preventDefault={login}>
-  <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">Log in</button>
-</form>
+
+<div class="page-card">
+  <div class="page-card-content">
+    <h1 class="page-card-header">Sign in</h1>
+    <form class="account-form" on:submit|preventDefault={login}>
+      <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">Submit</button>
+    </form>
+  </div>
+</div>
+
+
+<style lang="scss">
+  @import "src/styles/account_forms.scss";
+</style>
\ No newline at end of file