Changeset befb988 for jobvista-frontend/src/App.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/App.css (modified) (7 diffs)

jobvista-frontend/src/App.css

@@ -2 +2 @@
 @import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
 
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
 .App {
-  background-color: rgb(243, 242, 241);
-  //background-color: #EBF2FC;
+  /*background-color: rgb(243, 242, 241);*/
+  background-color: #F5F5F5;
+  /*background-color: #F4F2EE;*/
+  /*background-color: #0F0F0F;*/
+  /*background-color: #EBF2FC;*/
   height: 100vh;
   overflow-y: auto;
@@ -14 +27 @@
   -webkit-box-pack: center;
   justify-content: center;
-margin-bottom: 20px;
+  margin-bottom: 20px;
   margin-top: 20px;
 }
@@ -36 +49 @@
 }
 
+.container, .custom-container {
+  margin-top: 120px !important;
+}
+
+.no-additional-margin {
+  margin-top: 80px !important;
+}
+
 
 /*font-family: 'Ubuntu', sans-serif;*/
@@ -49 +70 @@
   height: 280px !important;
 }
+
+.container .g-4 {
+  --bs-gutter-y: 6rem !important;
+  margin-bottom: 100px !important;
+}
+
 
 .add-new-card {
@@ -80 +107 @@
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   transform: translate(0, 0);
-  height: 260px;
+  height: auto;
 }
 
@@ -167 +194 @@
   border-radius: 8px;
   width: 45%;
-  background-color: rgba(207, 235, 255, 1);
-  //background-size: 200% auto;
-  //background-image: linear-gradient(to right, #a1c4fd 0%, aliceblue 61%, #a1c4fd 100%);
-  color: black;
+  background-image: linear-gradient(to bottom, #dddddd, #f0f0f0);
+  color: #333333;
   font-weight: bold;
   padding: 5px 10px;
   transition: 0.2s;
+  text-decoration: none;
+  text-align: center;
 }
 
@@ -180 +207 @@
 }
 .card-button:not(.disabled):hover{
-  background-color: rgb(187, 215, 235);
-  //background-position: right center;
-  color: black;
-}
-
-.disabled {
-  cursor: default !important;
-  opacity: 0.6;
-}
-
-
-
+  background: linear-gradient(to bottom, #bbbbbb, #dddddd);
+  color: #333333;
+}
+
+
+
+
+