-
Profile
-
+
+ );
+}
- }
export default getAccountInformation;
diff --git a/src/Pages/AdminPortal/adminPortal.css b/src/Pages/AdminPortal/adminPortal.css
new file mode 100644
index 0000000..94225c8
--- /dev/null
+++ b/src/Pages/AdminPortal/adminPortal.css
@@ -0,0 +1,183 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
+
+body {
+ background-image: url("../../images/oceanimagedesktop.jpg");
+}
+
+.nav {
+ background-color: grey;
+ height: 30px;
+}
+
+.a {
+ color: white;
+ margin-right: 2em;
+ text-decoration: none;
+}
+
+.container {
+ position: fixed;
+ left: 25%;
+ margin-top: 5%;
+ max-width: 700px;
+ width: 100%;
+ background-color: rgb(255, 255, 255);
+ padding: 25px 30px;
+ border-radius: 10px;
+ border: blue;
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
+}
+
+.container .title {
+ font-size: 25px;
+ font-weight: 500;
+ position: relative;
+}
+
+.container .title::before {
+ content: "";
+ position: fixed;
+ left: auto;
+ bottom: auto;
+ height: 3px;
+ width: 30px;
+ border-radius: 5px;
+ background: linear-gradient(135deg, #71b7e6, #314fa1);
+}
+
+.content form .user-details {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ margin: 20px 0 12px 0;
+}
+
+form .user-details .input-box {
+ margin-bottom: 15px;
+ width: calc(100% / 2 - 20px);
+}
+
+form .input-box span.details {
+ display: block;
+ font-weight: 500;
+ margin-bottom: 20px;
+}
+
+.user-details .input-box input {
+ height: 45px;
+ width: 100%;
+ outline: none;
+ font-size: 16px;
+ border-radius: 5px;
+ padding-left: 15px;
+ border: 1px solid black;
+ border-bottom-width: 2px;
+ transition: all 0.3s ease;
+}
+
+.user-details .input-box input:focus,
+.user-details .input-box input:valid {
+ border-color: #9b59b6;
+}
+
+form .gender-details .gender-title {
+ font-size: 20px;
+ font-weight: 500;
+}
+
+form .category {
+ display: flex;
+ width: 80%;
+ margin: 14px 0;
+ justify-content: space-between;
+}
+
+form .category label {
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+}
+
+form .category label .dot {
+ height: 18px;
+ width: 18px;
+ border-radius: 50%;
+ margin-right: 10px;
+ background-color: #15a05a;
+ border: 5px solid transparent;
+ transition: all 0.3s ease;
+}
+
+#dot-1:checked~.category label .one,
+#dot-2:checked~.category label .two,
+#dot-3:checked~.category label .three {
+ background: #9b59b6;
+ border-color: #d9d9d9;
+}
+
+form .input[type="radio"] {
+ display: none;
+}
+
+form .button {
+ height: 45px;
+ margin: 35px 0
+}
+
+form .button input {
+ height: 100%;
+ width: 100%;
+ border-radius: 5px;
+ border: none;
+ color: rgb(229, 236, 238);
+ font: bold;
+ font-size: 18px;
+ font-weight: 500;
+ letter-spacing: 1px;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ background: linear-gradient(135deg, #71b7e6, #314fa1);
+}
+
+form .button input:hover {
+ /* transform: scale(0.99); */
+ background: linear-gradient(-135deg, #71b7e6, #314fa1);
+}
+
+@media(max-width: 584px) {
+ .container {
+ max-width: 100%;
+ }
+
+ form .user-details .input-box {
+ margin-bottom: 15px;
+ width: 100%;
+ }
+
+ form .category {
+ width: 100%;
+ }
+
+ .content form .user-details {
+ max-height: 300px;
+ overflow-y: scroll;
+ }
+
+ .user-details::-webkit-scrollbar {
+ width: 5px;
+ }
+}
+
+@media(max-width: 459px) {
+ .container .content .category {
+ flex-direction: column;
+ }
+
+ .nav {
+ background-color: grey;
+ height: 30px;
+ padding-left: 20px;
+ color: red !important;
+
+ }
+}
\ No newline at end of file
diff --git a/src/Pages/AdminPortal/adminPortal.js b/src/Pages/AdminPortal/adminPortal.js
new file mode 100644
index 0000000..f5cfa7c
--- /dev/null
+++ b/src/Pages/AdminPortal/adminPortal.js
@@ -0,0 +1,5 @@
+import { useState } from "react";
+import "./AccountPage.css"
+import Axios from "axios";
+import { useHistory } from "react-router-dom";
+
diff --git a/src/Pages/SignInPage/SignInPage.js b/src/Pages/SignInPage/SignInPage.js
index 012eaac..23b8fdd 100644
--- a/src/Pages/SignInPage/SignInPage.js
+++ b/src/Pages/SignInPage/SignInPage.js
@@ -28,7 +28,6 @@ function SignIn() {
window.location.reload(true);
history.push("/");
}
-
});
};