fix server authorize.ejs

cm-dyoshikawa · Jan 18, 2022 · 6f80274 · 6f80274
1 parent 43bcf17
commit 6f80274
Showing 1 changed file with 41 additions and 35 deletions.
diff --git a/packages/server/template/authorize.ejs b/packages/server/template/authorize.ejs
@@ -7,43 +7,49 @@
     <script src="https://cdn.tailwindcss.com"></script>
   </head>
   <body>
-    <div class="w-full max-w-xs">
-      <form
-        class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4"
-        method="post"
-        action="/niseline/login"
-      >
-        <div class="mb-4">
-          <label
-            class="block text-gray-700 text-sm font-bold mb-2"
-            for="userId"
-          >
-            User ID
-          </label>
+    <div class="flex justify-center">
+      <div class="w-full max-w-md">
+        <form
+          class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4"
+          method="post"
+          action="/niseline/login"
+        >
+          <div class="bg-blue-400 p-1 rounded text-white inline-block text-xs">
+            NiseLine Authorize
+          </div>
+
+          <div class="mt-4 mb-4">
+            <label
+              class="block text-gray-700 text-sm font-bold mb-2"
+              for="userId"
+            >
+              User ID
+            </label>
+            <input
+              class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+              id="userId"
+              data-test="userIdInput"
+              type="text"
+              placeholder="DEFAULT_USER"
+              name="userId"
+            />
+          </div>
           <input
-            class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
-            id="userId"
-            data-test="userIdInput"
-            type="text"
-            placeholder="DEFAULT_USER"
-            name="userId"
+            data-test="stateInput"
+            type="hidden"
+            name="state"
+            value="<%= state %>"
           />
-        </div>
-        <input
-          data-test="stateInput"
-          type="hidden"
-          name="state"
-          value="<%= state %>"
-        />
-        <div class="flex items-center justify-between">
-          <button
-            class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
-            type="submit"
-          >
-            Login
-          </button>
-        </div>
-      </form>
+          <div class="flex items-center justify-between">
+            <button
+              class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
+              type="submit"
+            >
+              Login
+            </button>
+          </div>
+        </form>
+      </div>
     </div>
   </body>
 </html>