Changeset befb988 for jobvista-frontend/src/views/shared_css

Timestamp:

06/17/24 21:59:14 (2 weeks ago)

Author:

223021 <daniel.ilievski.2@…>

Branches:

main

Children:

08f82ec

Parents:

b248810

Message:

Added an edit profile page for both job seekers and recruiters, where they can upload profile pictures/company logos and edit their profile data. Added profile page specifically for recruiters. Refactored existing code.

File:

• jobvista-frontend/src/views/shared_css/Modal.css (moved) (moved from jobvista-frontend/src/views/job_advertisements/Form.css ) (12 diffs)

jobvista-frontend/src/views/shared_css/Modal.css

@@ -2 +2 @@
 .modal-wrap {
     display: inline;
-}
-.btn-open-modal {
-    font-size: 18px;
-    border-radius: 10px;
-    padding: 5px 10px;
-    background-color: #06367a;
-    border: none;
-    color: #fff;
-    font-weight: 600;
-    float: right;
-    /*margin-left: 10px;*/
 }
 
@@ -26 +15 @@
     background: #f1f1f1;
     border-radius: 10px;
-    width: 1300px !important;
-    //min-width: 300px;
+    min-width: 1000px !important;
+    max-width: 1000px !important;
     height: auto;
     padding: 0 !important;
@@ -41 +30 @@
     border-top-right-radius: 10px;
     background-color: rgba(1,38,90,0.9);
+    /*background-color: white;*/
     background-size: cover;
     padding: 14px 48px;
+    /*color: #3A3B3C;*/
     color: white;
+    border-bottom: 1px solid #E5E4E7;
+    display: flex;
+    justify-content: left;
 }
 
@@ -50 +44 @@
     font-weight: bold;
     display: inline;
+    margin: 0;
 }
 
@@ -60 +55 @@
 }
 
-.react-responsive-modal-modal .modal-content form .aligned {
-    text-align: center;
+.react-responsive-modal-modal .modal-content form .modal-buttons{
+    display: flex;
+    justify-content: end;
+    gap: 10px;
+    margin-right: 10px;
 }
 
@@ -69 +67 @@
 }
 
-input {
+.react-responsive-modal-modal .modal-content form input {
     display: block;
     padding: 5px 10px;
@@ -77 +75 @@
 }
 
-textarea {
+.react-responsive-modal-modal .modal-content form textarea {
     width: 100%;
     resize: none;
@@ -89 +87 @@
 }
 
-.applictaion-textarea {
+.application-textarea {
     height: 100px;
 }
@@ -108 +106 @@
 }
 
-.submit-btn {
+.modal-buttons button, .modal-buttons div  {
     position: relative;
     padding: 5px 20px;
@@ -114 +112 @@
     border: none;
     color: white;
-    text-transform: uppercase;
-    font-weight: bold;
-    width: 30%;
-    /*clip-path: polygon(100% 0, 100% 75%, 95% 100%, 0 100%, 0 0);*/
-    background: linear-gradient(to right, #06367a, #06367a);
+    /*text-transform: uppercase;*/
+    font-weight: 500;
     margin-top: 15px;
+    cursor: pointer
+}
+
+.modal-buttons .submit-btn {
+    background: #06367a;
+    transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+.modal-buttons .submit-btn:hover {
+    background-color: #2e579b;
+}
+
+.modal-buttons .cancel-btn {
+    color: #858B96;
+    background-color: #F0F0F0;
+    transition: background-color 0.3s ease, color 0.3s ease;
+}
+.modal-buttons .cancel-btn:hover {
+    background-color: #e0e0e0;
+    color: #555;
 }
 
@@ -156 +171 @@
 
 
-.cancel-btn, .delete-btn {
+.modal-delete-buttons .cancel-btn, .modal-delete-buttons .delete-btn {
     display: inline;
     border: none;
@@ -163 +178 @@
 }
 
-.delete-btn {
+.modal-delete-buttons .delete-btn {
     background-color: red;
     color: white;