From 753863585d23b2e6ffce9cf4e3fe9564ef60d6cf Mon Sep 17 00:00:00 2001
From: Lucas Schumacher <technolucas@protonmail.com>
Date: Mon, 30 Oct 2023 23:06:56 -0400
Subject: [PATCH] Center forms

---
 client/src/components/Login.vue  | 2 +-
 client/src/components/Signup.vue | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Login.vue b/client/src/components/Login.vue
index c1d7d42..fcc08f5 100644
--- a/client/src/components/Login.vue
+++ b/client/src/components/Login.vue
@@ -46,7 +46,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <main class="form-signin w-100 m-auto">
+  <main class="form-signin w-100 m-auto position-absolute top-50 start-50 translate-middle">
     <form onsubmit="event.preventDefault();">
       <IconLogo />
       <h1 class="h3 mb-3 fw-normal">Please sign in</h1>
diff --git a/client/src/components/Signup.vue b/client/src/components/Signup.vue
index a50fdd0..d098147 100644
--- a/client/src/components/Signup.vue
+++ b/client/src/components/Signup.vue
@@ -10,6 +10,7 @@ const err = ref('')
 
 async function signup(ev) {
   ev.preventDefault()
+  console.log(ev)
   const api_url = '/api/user'
   const payload = { username: user.value, password: pass.value, referral: refe.value }
   const fetch_options = {
@@ -42,7 +43,7 @@ async function signup(ev) {
 </script>
 
 <template>
-  <main class="form-signin w-100 m-auto my-auto">
+  <main class="form-signin w-100 m-auto my-auto position-absolute top-50 start-50 translate-middle">
     <form onsubmit="event.preventDefault();">
       <IconLogo />
       <h1 class="h3 mb-3 fw-normal">Sign up</h1>