created login form

src/views/Home.vue

@@ -4,6 +4,7 @@ MonthPicker(:selectedMonth="selectedMonth" :selectedYear="selectedYear" @getMont
 
 Schedule( :startDate="new Date(selectedYear, selectedMonth)")
 
+
 </template>
 
 <script lang="ts" setup>

src/views/Login.vue

@@ -0,0 +1,44 @@
+<template>
+    <img src="/src/assets/logo.png">
+    <form class="m-auto">
+        <h1 class="h3 mb-3">Bitte einloggen</h1>
+        <div class="form-floating">
+            <input type="text" class="form-control" id="usernameInput" placeholder="Benutzername">
+            <label for="usernameInput">Benutzername</label>
+        </div>
+        <div class="form-floating">
+            <input type="password" class="form-control" id="passwordInput" placeholder="Passwort">
+            <label for="passwordInput">Passwort</label>
+        </div>
+
+        <div class="form-check my-3 mx-auto" style="width: 170px">
+            <input class="form-check-input" type="checkbox" id="rememberMeCheckbox">
+            <label for="rememberMeCheckbox" class="form-check-label">
+                Eingeloggt bleiben
+            </label>
+        </div>
+
+        <button class="btn btn-lg btn-success w-100 mb-5">Einloggen</button>
+    </form>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+    form {
+        max-width: 330px;
+    }
+
+    #usernameInput {
+        margin-bottom: -1px;
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+
+    #passwordInput {
+        border-top-right-radius: 0;
+        border-top-left-radius: 0;
+    }
+</style>