changes

markalbrand56 · Oct 11, 2023 · f1ad405 · f1ad405
1 parent ad9dcc9
commit f1ad405
Show file tree

Hide file tree

Showing 7 changed files with 45 additions and 15 deletions.
diff --git a/uniEmpleos/src/components/Header/header.css b/uniEmpleos/src/components/Header/header.css
@@ -80,7 +80,6 @@ button.buttonlogo:focus{
 }
 
 .container {
-  max-width: 1100px;
   margin: 0 auto;
   padding: 0 15px;
   display: flex;

diff --git a/uniEmpleos/src/components/InfoStudent/InfoStudent.module.css b/uniEmpleos/src/components/InfoStudent/InfoStudent.module.css
@@ -25,16 +25,17 @@
   justify-content: center;
   align-items: center;
   flex-direction: row;
-  background-color: #a08ae5;
+  color: #333333;
+  background-color: #8c6fd454;
   gap: 20px;
   border-radius: 10px;
   padding: 0;
 }
 
 .button:hover {
   cursor: pointer;
+  border: 2px solid #8c6fd4;
   background-color: #8c6fd4;
-  border: none;
   transition: background-color 0.3s, color 0.3s;
 }
 
@@ -66,17 +67,20 @@
   flex-direction: column;
   overflow: auto;
   scroll-behavior: smooth;
+  justify-content: center;
 }
 
 .name {
   font-size: 18px;
   font-weight: 700;
-  color: #fff;
+  color: #333333;
   margin-bottom: 10px;
+  text-align: left;
 }
 
 .university {
   font-size: 16px;
   font-weight: 400;
-  color: #fff;
+  color: #333333;
+  text-align: left;
 }
diff --git a/uniEmpleos/src/components/InfoTab/InfoTab.jsx b/uniEmpleos/src/components/InfoTab/InfoTab.jsx
@@ -33,7 +33,7 @@ const InfoTab = ({
       <div className={styles.button}>
         <Button label={labelbutton} onClick={onClick} />
         {verPostulantes && (
-          <Button label="Ver postulantes" onClick={verPostulantes} />
+          <Button label="Ver postulantes" onClick={verPostulantes}backgroundColor={"#a08ae5"}/>
         )}
       </div>
     </div>

diff --git a/uniEmpleos/src/components/InfoTab/InfoTab.module.css b/uniEmpleos/src/components/InfoTab/InfoTab.module.css
@@ -2,7 +2,8 @@
     display: flex;
     flex-direction: column;
     border-radius: 10px;
-    background-color: #fff;
+    background-color: #333333;
+    color: #fff;
     margin-bottom: 20px;
     border: 1px solid #d6d6d6;
     padding: 20px;
@@ -27,21 +28,31 @@
 }
 
 .container p, h3{
-    color: #000;
+    color: #f5f5f5;
     font-size: 16px;
+    text-transform: capitalize;
 }
 
 .containerinfomain h3{
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 10px;
     border-radius: 10px;
-    background: #f8f8ef;
     padding: 10px;
 }
 
 .button {
     display: flex;
     flex-direction: row;
     gap: 10px;
+}
+
+@media screen and (max-width: 768px){
+    .container{
+        width: 100%;
+    }
+    .containerinfosecond{
+        flex-direction: column;
+        gap: 20px;
+    }
 }
diff --git a/uniEmpleos/src/pages/PostulantesPage/PostulantesPage.jsx b/uniEmpleos/src/pages/PostulantesPage/PostulantesPage.jsx
@@ -44,6 +44,7 @@ const PostulantesPage = ({ id }) => {
         style={typeError}
         close={() => setWarning(false)}
       />
+      <h1>Postulantes</h1>
       <div className={style.infoStudentContainer}>
         {response.data ? (
           response.data.map((postulante) => (

diff --git a/uniEmpleos/src/pages/PostulantesPage/PostulantesPage.module.css b/uniEmpleos/src/pages/PostulantesPage/PostulantesPage.module.css
@@ -5,13 +5,21 @@
     height: 100%;
 }
 
+.mainContainer h1{
+    font-weight: 700;
+    margin-bottom: 20px;
+    color: #333333;
+    text-align: left;
+    padding: 20px;
+}
+
 .infoStudentContainer {
     display: flex;
-    flex-direction: row;
-    width: 100%;
     flex-wrap: wrap;
-    justify-content: center;
-    align-content: flex-start
+    justify-content: start;
+    gap: 30px;
+    margin-top: 20px;
+    padding: 10px;
 }
 
 .sinPostulantes {

diff --git a/uniEmpleos/src/pages/PostulationsEmpresa/PostulationsEmpresa.module.css b/uniEmpleos/src/pages/PostulationsEmpresa/PostulationsEmpresa.module.css
@@ -1,7 +1,14 @@
 .containerinfoprincipal{
     display: flex;
     flex-wrap: wrap;
-    justify-content: center;
-    gap: 20px;
+    justify-content: start;
+    gap: 30px;
     margin-top: 20px;
+    padding: 10px;
+}
+
+@media screen and (max-width: 768px){
+    .containerinfoprincipal{
+        justify-content: center;
+    }
 }