workshopapps · hamskid-id · Feb 6, 2023 · Jan 14, 2023 · Jan 21, 2023 · Jan 21, 2023
diff --git a/Apply-For-Me-UI/public/index.html b/Apply-For-Me-UI/public/index.html
@@ -21,7 +21,6 @@
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
       Only files inside the `public` folder can be referenced from the HTML.
-
       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
@@ -42,10 +41,8 @@
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
-
       You can add webfonts, meta tags, or analytics to this file.
       The build step will place the bundled scripts into the <body> tag.
-
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->

diff --git a/Apply-For-Me-UI/src/App.css b/Apply-For-Me-UI/src/App.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
+/* @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
 @import url('./styles/dashboard.css');
 @import url('./styles/SideNav.css');
 @import url('./styles/header.css');

diff --git a/Apply-For-Me-UI/src/index.css b/Apply-For-Me-UI/src/index.css
@@ -35,4 +35,4 @@
     padding: 0;
     font-size: calc(16px + 0.0396vw);
     list-style-type: none;
-}
+}
diff --git a/Apply-For-Me-UI/src/pages/account_settings/AccountSettingsNew.jsx b/Apply-For-Me-UI/src/pages/account_settings/AccountSettingsNew.jsx
@@ -310,4 +310,4 @@ const AccountSettingsNew = ({ details }) => {
     );
 };
 
-export default AccountSettingsNew;
+export default AccountSettingsNew;
diff --git a/Apply-For-Me-UI/src/pages/account_settings/AccountSettingsNew.module.css b/Apply-For-Me-UI/src/pages/account_settings/AccountSettingsNew.module.css
@@ -274,4 +274,4 @@
     .update_personal_details {
         margin-left: 0;
     }
-}
+}
diff --git a/Apply-For-Me-UI/src/pages/admin_dashboard/components/application_list/ApplicationList.jsx b/Apply-For-Me-UI/src/pages/admin_dashboard/components/application_list/ApplicationList.jsx
@@ -91,4 +91,4 @@ const ApplicationList = () => {
         </div>
     );
 };
-export default ApplicationList;
+export default ApplicationList;
diff --git a/Apply-For-Me-UI/src/pages/authentication-pages/Footer.css b/Apply-For-Me-UI/src/pages/authentication-pages/Footer.css
@@ -40,7 +40,7 @@
     background-color: #111416;
 }
 .checkl {
-    height: 2.3rem;
+    height:fit-content;
 }
 
 @media only screen and (max-width: 1073px) {

diff --git a/Apply-For-Me-UI/src/pages/authentication-pages/NewPass.css b/Apply-For-Me-UI/src/pages/authentication-pages/NewPass.css
@@ -11,23 +11,58 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    width: 100%;
+    width: 60%;
+    justify-content: center;
+    margin: 0rem auto;
+    border-radius: 8px;
+    padding:0 3rem;
 }
 .nbdy .form {
-    padding: 5rem 0 7rem 0;
+    padding: 0 0 7rem 0;
+    width: 100%;
+    padding: 2rem 0 0 0;
+    box-sizing: border-box;
+    height: fit-content;
+    display: flex;
+    flex-direction: column;
 }
 
 .NewPass .input {
+    padding: 19px;
+    gap: 16px;
     width: 100%;
-    height: 100%;
-    border: 1px solid #bdbdbd;
-    border-radius: 8px;
-    padding: 2%;
-    box-sizing: border-box;
-    background-color: #e8f0fe;
+    margin-bottom: 0.4rem;
+    height: 51px;
+    background: #FFFFFF;
+    border: 1px solid #BFD8F9;
+    border-radius: 4px;
 }
 
 .newpass_form button {
     margin: 0 auto;
-    margin-top: 3.5rem;
+    margin-top: 1.5rem;
+}
+@media only screen and (max-width: 768px) {
+    .nbdy {
+        padding-top: 2rem;
+        width: 70%;
+    }
+}
+@media only screen and (max-width: 668px) {
+    .nbdy {
+        width: 100%;
+        padding:2rem;
+    }
+}
+
+@media only screen and (max-width: 468px) {
+    .nbdy {
+        padding:1rem;
+    }
+}
+
+@media only screen and (max-width: 376px) {
+    .nbdy {
+        padding-top: 1.5rem;
+    }
 }
diff --git a/Apply-For-Me-UI/src/pages/authentication-pages/Password.css b/Apply-For-Me-UI/src/pages/authentication-pages/Password.css
@@ -11,10 +11,14 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    width: 100%;
+    width: 60%;
+    justify-content: center;
+    margin: 0rem auto;
+    border-radius: 8px;
+    padding:3rem;
 }
 .liltxt {
-    font-size: 0.8rem;
+    font-size: 1rem;
     font-weight: 400;
     color: #111416;
     width: 100%;
@@ -26,16 +30,40 @@
 }
 
 .Password .input {
+    padding: 19px;
+    gap: 16px;
     width: 100%;
-    height: 100%;
-    border: 1px solid #bdbdbd;
-    border-radius: 8px;
-    padding: 2%;
-    box-sizing: border-box;
-    background-color: #e8f0fe;
+    height: 51px;
+    background: #FFFFFF;
+    border: 1px solid #BFD8F9;
+    border-radius: 4px;
 }
 
 .pass_form button {
     margin: 0 auto;
-    margin-top: 3.5rem;
+    margin-top: 1.5rem;
+}
+@media only screen and (max-width: 768px) {
+    .pbdy {
+        padding-top: 2rem;
+        width: 70%;
+    }
 }
+@media only screen and (max-width: 668px) {
+    .pbdy {
+        width: 100%;
+        padding:2rem;
+    }
+}
+
+@media only screen and (max-width: 468px) {
+    .pbdy {
+        padding:1rem;
+    }
+}
+
+@media only screen and (max-width: 376px) {
+    .pbdy {
+        padding-top: 1.5rem;
+    }
+}
diff --git a/Apply-For-Me-UI/src/pages/authentication-pages/Registration.css b/Apply-For-Me-UI/src/pages/authentication-pages/Registration.css
@@ -17,8 +17,11 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    width: 100%;
-    padding-top: 2rem;
+    width: 60%;
+    justify-content: center;
+    margin: 0rem auto;
+    border-radius: 8px;
+    padding:0 3rem;
 }
 .rbdy .form {
     padding-bottom: 5rem;
@@ -27,7 +30,7 @@
     width: 100%;
     height: 100%;
     border: 1px solid #bdbdbd;
-    border-radius: 8px;
+    border-radius: 4px;
     padding: 2%;
     box-sizing: border-box;
     -webkit-appearance: none;
@@ -44,15 +47,17 @@
     font-size: 0.8rem;
 }
 .select-wrapper {
-    height: 3rem;
+    height: 4rem;
     position: relative;
     font-size: 0.8rem;
+    width: 100%;
+    margin-bottom: 1rem;
 }
-
-.form .lg {
-    margin-top: 3rem;
+.label{
+    width:100%;
 }
 
+
 @media only screen and (max-width: 1073px) {
     .Ref {
         width: 70%;
@@ -68,6 +73,30 @@
         width: 80%;
     }
 }
+@media only screen and (max-width: 768px) {
+    .rbdy {
+        padding-top: 2rem;
+        width: 70%;
+    }
+}
+@media only screen and (max-width: 668px) {
+    .rbdy {
+        width: 100%;
+        padding:2rem;
+    }
+}
+
+@media only screen and (max-width: 468px) {
+    .rbdy {
+        padding:1rem;
+    }
+}
+
+@media only screen and (max-width: 376px) {
+    .rbdy {
+        padding-top: 1.5rem;
+    }
+}
 
 @media only screen and (max-width: 568px) {
     .menu {
@@ -100,13 +129,11 @@
     }
 }
 
+
 @media only screen and (max-width: 468px) {
     .form {
         width: 90%;
     }
-    .checkl {
-        align-items: flex-start;
-    }
 }
 
 @media only screen and (max-width: 376px) {

diff --git a/Apply-For-Me-UI/src/pages/authentication-pages/Registration.js b/Apply-For-Me-UI/src/pages/authentication-pages/Registration.js
@@ -53,7 +53,7 @@ const Registration = () => {
                                 <option value="br">Brazil</option>
                             </select>
                         </div>
-                        <label>
+                        <label className="label">
                             <input
                                 type="text"
                                 name="date"

diff --git a/Apply-For-Me-UI/src/pages/authentication-pages/Verification.css b/Apply-For-Me-UI/src/pages/authentication-pages/Verification.css
@@ -4,7 +4,7 @@
     box-sizing: border-box;
 }
 .vrfy {
-    width: 20%;
+    width: 60px;
     height: 3.5rem;
     border: 0.2px solid #2e3192;
     border-radius: 8px;
@@ -16,20 +16,29 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    width: 100%;
-    padding-top: 2rem;
+    width: 60%;
+    justify-content: center;
+    margin: 3rem auto;
+    border-radius: 8px;
+    padding:0 3rem;
 }
 .verify {
     display: flex;
+    flex-wrap: wrap;
     gap: 5px;
     flex-direction: row;
-    width: 270px;
+    width: fit-content;
     margin: 0 auto;
-    justify-content: space-between;
-    padding-top: 5rem;
+    justify-content:center;
+}
+.form{
+    display:flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
 }
 .resend {
-    font-size: 0.8rem;
+    font-size: 1rem;
     font-weight: 400;
     color: #111416;
     width: 100%;
@@ -51,39 +60,38 @@
     box-sizing: border-box;
     background-color: #e8f0fe;
 }
-
-@media only screen and (max-width: 1073px) {
-    .verify {
-        width: 28%;
-    }
-}
 @media only screen and (max-width: 873px) {
-    .verify {
-        width: 40%;
-    }
     .vrfy {
         height: 4rem;
     }
 }
-
+@media only screen and (max-width: 768px) {
+    .vbdy {
+        padding-top: 2rem;
+        width: 70%;
+    }
+}
 @media only screen and (max-width: 668px) {
-    .verify {
-        width: 50%;
+    .vbdy {
+        width: 100%;
+        padding:2rem;
     }
 }
 
 @media only screen and (max-width: 468px) {
-    .verify {
-        width: 60%;
-        padding-top: 3rem;
-    }
-    .resend {
-        padding: 1rem 0 7rem 0;
+    .vbdy {
+        padding:1rem;
     }
 }
 
 @media only screen and (max-width: 376px) {
-    .verify {
-        width: 80%;
+    .vbdy {
+        padding-top: 1.5rem;
+    }
+}
+
+@media only screen and (max-width: 468px) {
+    .resend {
+        padding: 1rem 0 3rem 0;
     }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -310,4 +310,4 @@ const AccountSettingsNew = ({ details }) => { @@
         );
     };
-    export default AccountSettingsNew;
+    export default AccountSettingsNew;