Merge branch 'main' of https://github.com/ethanniser/NextMaster

ethanniser · Oct 18, 2024 · f5c6e12 · f5c6e12
2 parents 14aa0d7 + d60935d
commit f5c6e12
Showing 1 changed file with 44 additions and 0 deletions.
diff --git a/src/app/order-history/page.tsx b/src/app/order-history/page.tsx
@@ -0,0 +1,44 @@
+export default function Page() {
+  return (
+    <div className="min-h-screen p-4">
+      <div className="mx-auto flex max-w-md flex-col gap-4">
+        <h1 className="font-futura text-2xl text-green-800">ORDER HISTORY</h1>
+        <p className="font-semibold text-green-800">
+          Log in to view order history
+        </p>
+        <input
+          type="email"
+          placeholder="Email"
+          className="w-full border border-black p-2 pr-16 outline-none"
+        />
+        <div className="relative">
+          <input
+            type="password"
+            placeholder="Password"
+            className="w-full border border-black p-2 pr-16 outline-none"
+          />
+          <div className="absolute right-2 top-1/2 -translate-y-1/2 text-sm text-gray-600">
+            show
+          </div>
+        </div>
+        <div className="flex justify-between space-x-2">
+          <div className="flex flex-row items-center justify-center space-x-2">
+            <input type="checkbox" id="stay-logged-in" className="border" />
+            <label htmlFor="stay-logged-in" className="text-sm">
+              Stay logged in
+            </label>
+          </div>
+          <div className="text-sm underline hover:bg-yellow-100">
+            Reset Password
+          </div>
+        </div>
+        <div className="w-full rounded-sm bg-green-700 p-2 text-center font-bold text-white hover:bg-green-800">
+          Log in
+        </div>
+        <div className="w-full rounded-sm border border-green-800 p-2 text-center font-bold text-green-800 hover:bg-gray-100">
+          Create login
+        </div>
+      </div>
+    </div>
+  );
+}