From 38246db16b66b24eb21c87d8d48c8052bc37c14e Mon Sep 17 00:00:00 2001
From: minie4 <minie4@gmx.de>
Date: Sun, 27 Aug 2023 22:01:46 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20Allow=20scrolling=20on=20login?=
 =?UTF-8?q?=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/LoginView.vue | 30 +++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 97c5d23..c718033 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -1,21 +1,24 @@
 <template>
-  <div class="login">
-    <h1>Timetable V2</h1>
-    <form action="/auth/login" method="POST">
-      <input
-        type="password"
-        name="password"
-        autocomplete="current-password"
-        placeholder="Password"
-      />
-      <button type="submit">Login</button>
-    </form>
+  <div class="container">
+    <div class="login">
+      <h1>Timetable V2</h1>
+      <form action="/auth/login" method="POST">
+        <input
+          type="password"
+          name="password"
+          autocomplete="current-password"
+          placeholder="Password"
+        />
+        <button type="submit">Login</button>
+      </form>
+    </div>
   </div>
 </template>
 
 <style scoped>
-.login {
-  padding: 50px 10px;
+.container {
+  height: 100%;
+  overflow-y: scroll;
 }
 
 .login {
@@ -25,6 +28,7 @@
   flex-direction: column;
   font-family: Arial, Helvetica, sans-serif;
   color: var(--text-color);
+  padding: 30px 0px;
 }
 
 form {