Quellcode durchsuchen

admin-2025-07-29 02:19:51

genlitex vor 4 Tagen
Ursprung
Commit
6187c1b06b

+ 1 - 0
dist/assets/LoginView-DmUSBbvc.js

@@ -0,0 +1 @@
+import{_ as o,c as t,a as e,o as s}from"./index-IZlb2X8b.js";const a={name:"LoginView"},n={class:"flex items-center justify-center min-h-screen bg-gray-100"};function r(i,d,c,f,l,m){return s(),t("div",n,d[0]||(d[0]=[e('<div class="bg-white p-8 rounded-lg shadow-md w-full max-w-md" data-v-fd22d47c><h2 class="text-2xl font-bold mb-6" data-v-fd22d47c>Login</h2><form data-v-fd22d47c><div class="mb-4" data-v-fd22d47c><label for="username" class="block text-sm font-medium text-gray-700" data-v-fd22d47c>Username</label><input type="text" id="username" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" data-v-fd22d47c></div><div class="mb-6" data-v-fd22d47c><label for="password" class="block text-sm font-medium text-gray-700" data-v-fd22d47c>Password</label><input type="password" id="password" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" data-v-fd22d47c></div><button type="submit" class="w-full bg-indigo-600 text-white font-bold py-2 px-4 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" data-v-fd22d47c>Login</button></form></div>',1)]))}const b=o(a,[["render",r],["__scopeId","data-v-fd22d47c"]]);export{b as default};

+ 0 - 0
dist/assets/LoginView-tn0RQdqM.css


Datei-Diff unterdrückt, da er zu groß ist
+ 2 - 1
dist/assets/index-IZlb2X8b.js


+ 2 - 2
dist/index.html

@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + Vue</title>
-    <script type="module" crossorigin src="/ide/proxy/6006/assets/index-DlZSo-6X.js"></script>
-    <link rel="stylesheet" crossorigin href="/ide/proxy/6006/assets/index-4owCqU6i.css">
+    <script type="module" crossorigin src="/ide/proxy/6003/assets/index-IZlb2X8b.js"></script>
+    <link rel="stylesheet" crossorigin href="/ide/proxy/6003/assets/index-4owCqU6i.css">
   </head>
   <body>
     <div id="app"></div>

+ 5 - 0
src/router/index.js

@@ -157,6 +157,11 @@ const routes = [
     name: 'Futuristic',
     component: FuturisticView
   },
+  {
+    path: '/login',
+    name: 'Login',
+    component: () => import('../views/LoginView.vue')
+  },
   {
     path: '/:pathMatch(.*)*',
     redirect: '/'

+ 28 - 0
src/views/LoginView.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="flex items-center justify-center min-h-screen bg-gray-100">
+    <div class="bg-white p-8 rounded-lg shadow-md w-full max-w-md">
+      <h2 class="text-2xl font-bold mb-6">Login</h2>
+      <form>
+        <div class="mb-4">
+          <label for="username" class="block text-sm font-medium text-gray-700">Username</label>
+          <input type="text" id="username" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" />
+        </div>
+        <div class="mb-6">
+          <label for="password" class="block text-sm font-medium text-gray-700">Password</label>
+          <input type="password" id="password" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" />
+        </div>
+        <button type="submit" class="w-full bg-indigo-600 text-white font-bold py-2 px-4 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Login</button>
+      </form>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'LoginView'
+}
+</script>
+
+<style scoped>
+/* Additional styles can be added here */
+</style>

Einige Dateien werden nicht angezeigt, da zu viele Dateien in diesem Diff geändert wurden.