Added New Page

2024-01-08 23:37:13 +01:00
parent 091faec9bd
commit 0150caf4bb
6 changed files with 149 additions and 9 deletions
@@ -0,0 +1,55 @@
+import React from "react";
+import Layout from "../Partials/Layout";
+import { InputCom } from "../AddJob/settings";
+
+const YourPage = () => {
+  return (
+    <Layout>
+      <div className="notification-page w-full mb-10">
+        <div className="notification-wrapper w-full">
+          <div className="update-table w-full h-full p-4 bg-white dark:bg-dark-white overflow-y-auto rounded-2xl section-shadow min-h-[520px]">
+            <h1 className="text-26 font-bold text-dark-gray dark:text-white tracking-wide mb-2">My page</h1>
+            <hr />
+            <div className="">
+              <div className="field w-full">
+                <InputCom
+                  fieldClass="px-4 transfer-field"
+                  parentClass="flex items-center gap-1 justify-between"
+                  labelClass="flex-[0.2] mb-0"
+                  inputClass="flex-[0.8] transfer-field"
+                  label="Fee:"
+                  type="text"
+                  name="fee"
+                  value=""
+                />
+              </div>
+
+              <div className="field w-full mb-6 flex gap-1 justify-between">
+                <label className="text-[#181c32] dark:text-white text-base font-semibold flex flex-[0.2] mt-2.5">
+                  Comment:
+                </label>
+                <textarea
+                  style={{ resize: "none" }}
+                  className="text-base px-4 py-2 rounded-md min-h-[100px] sm:max-w-[550px] max-w-[250px] text-dark-gray dark:text-white w-full bg-slate-100 dark:bg-[#11131F]  focus:ring-0 focus:outline-none flex-[0.8]"
+                  name="comment"
+                  cols="30"
+                  rows="2"
+                />
+              </div>
+              <button
+                type="submit"
+                // disabled={props.isSubmitting}
+                className="text-lg text-white bg-sky-blue px-4 py-2 hover:opacity-90 rounded-md"
+              >
+                Continue
+              </button>
+            </div>
+            <hr />
+          </div>
+        </div>
+      </div>
+    </Layout>
+  );
+};
+
+export default YourPage;