Login form

software/src/pages/loginPage/loginForm.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <v-card title="Login" prepend-icon="mdi-login" elevation="8">
+    <v-container>
+      <v-row>
+        <v-col>
+          <v-text-field label="Username" prepend-icon="mdi-account" clearable />
+        </v-col>
+      </v-row>
+
+      <v-row>
+        <v-col>
+          <v-text-field label="Passwort" prepend-icon="mdi-key" type="password" clearable />
+        </v-col>
+      </v-row>
+
+      <v-row>
+        <v-col>
+          <!-- todo -->
+          <v-btn prepend-icon="mdi-send" color="primary" block>Login</v-btn>
+        </v-col>
+      </v-row>
+    </v-container>
+
+    <v-card-text class="text-center">
+      <a
+        class="text-secondary text-decoration-none"
+        href="#"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+      <!-- todo -->
+        Nicht keinen Account? Jetzt anmelden! <v-icon icon="mdi-chevron-right"></v-icon>
+      </a>
+    </v-card-text>
+  </v-card>
+</template>