From 579f16fc51c6a8b5ff34b1afee8c2518b05e22d3 Mon Sep 17 00:00:00 2001
From: Ilion Beyst <ilion.beyst@gmail.com>
Date: Sat, 19 Mar 2022 21:33:52 +0100
Subject: create common styles for account forms

---
 web/pw-server/src/routes/login.svelte | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

(limited to 'web/pw-server/src/routes/login.svelte')

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
-- 
cgit v1.2.3

