zbytest003-2025-02-20 12:23:58

src/views/LoginView.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="flex items-center justify-center min-h-screen bg-gray-200">
-    <div class="bg-gray-100 p-8 rounded-lg shadow-md w-96">
+    <div class="bg-gray-100 p-8 rounded-lg shadow-md w-full max-w-md">
       <h2 class="text-2xl font-bold text-gray-700 mb-6 text-center">User Stories Generator</h2>
-      <form @submit.prevent="login">
-        <div class="mb-4">
+      <form @submit.prevent="login" class="space-y-4">
+        <div>
           <label for="username" class="block text-gray-700 text-sm font-bold mb-2">用户名</label>
           <input
             v-model="username"
@@ -13,7 +13,7 @@
             class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
           />
         </div>
-        <div class="mb-4">
+        <div>
           <label for="password" class="block text-gray-700 text-sm font-bold mb-2">密码</label>
           <input
             v-model="password"
@@ -23,20 +23,18 @@
             class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
           />
         </div>
-        <div class="mb-4">
-          <label class="inline-flex items-center">
-            <input
-              v-model="rememberMe"
-              type="checkbox"
-              class="form-checkbox h-4 w-4 text-indigo-600 transition duration-150 ease-in-out"
-            />
-            <span class="ml-2 text-gray-700 text-sm">忘记我</span>
-          </label>
+        <div class="flex items-center">
+          <input
+            v-model="rememberMe"
+            type="checkbox"
+            class="form-checkbox h-4 w-4 text-indigo-600 transition duration-150 ease-in-out"
+          />
+          <span class="ml-2 text-gray-700 text-sm">忘记我</span>
         </div>
-        <div class="flex items-center justify-between">
+        <div>
           <button
             type="submit"
-            class="bg-indigo-500 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
+            class="bg-indigo-500 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full"
           >
             登录
           </button>