From 3f8993954ab134416ef0a5e34e08c059baf2db93 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jimena=20Hern=C3=A1ndez?= Date: Tue, 10 Oct 2023 20:50:58 -0600 Subject: [PATCH 1/2] updates profile --- .../InfoStudent/InfoStudent.module.css | 4 +- .../pages/PostulantesPage/PostulantesPage.jsx | 3 +- .../src/pages/PublicProfile/PublicProfile.jsx | 107 ++++++++++-------- .../PublicProfile/PublicProfile.module.css | 83 ++++++++++++-- 4 files changed, 136 insertions(+), 61 deletions(-) diff --git a/uniEmpleos/src/components/InfoStudent/InfoStudent.module.css b/uniEmpleos/src/components/InfoStudent/InfoStudent.module.css index 95a864a1..1f6e6512 100644 --- a/uniEmpleos/src/components/InfoStudent/InfoStudent.module.css +++ b/uniEmpleos/src/components/InfoStudent/InfoStudent.module.css @@ -22,7 +22,7 @@ display: flex; width: 100%; height: 100%; - justify-content: center; + justify-content: start; align-items: center; flex-direction: row; color: #333333; @@ -52,7 +52,7 @@ } .pfp { - border-radius: 50%; + border-radius: 10%; background-color: transparent; width: 100%; height: 100%; diff --git a/uniEmpleos/src/pages/PostulantesPage/PostulantesPage.jsx b/uniEmpleos/src/pages/PostulantesPage/PostulantesPage.jsx index 81632cda..810bfc89 100644 --- a/uniEmpleos/src/pages/PostulantesPage/PostulantesPage.jsx +++ b/uniEmpleos/src/pages/PostulantesPage/PostulantesPage.jsx @@ -6,6 +6,7 @@ import style from "./PostulantesPage.module.css" import Popup from "../../components/Popup/Popup" import { Header } from "../../components/Header/Header" import { navigate } from "../../store" +import API_URL from "../../api" const PostulantesPage = ({ id }) => { const api = useApi() @@ -52,7 +53,7 @@ const PostulantesPage = ({ id }) => { nombre={postulante.nombre} apellido={postulante.apellido} universidad={postulante.universidad} - pfp={postulante.foto} + pfp={`${API_URL}/api/uploads/${postulante.foto}`} onClick={() => handleClickUsuario(postulante.id_estudiante)} /> )) diff --git a/uniEmpleos/src/pages/PublicProfile/PublicProfile.jsx b/uniEmpleos/src/pages/PublicProfile/PublicProfile.jsx index 241752f3..2615fc99 100644 --- a/uniEmpleos/src/pages/PublicProfile/PublicProfile.jsx +++ b/uniEmpleos/src/pages/PublicProfile/PublicProfile.jsx @@ -11,6 +11,7 @@ import useApi from "../../Hooks/useApi" import Popup from "../../components/Popup/Popup" import { navigate } from "../../store" import style from "./PublicProfile.module.css" +import API_URL from "../../api" const PublicProfile = ({ correo }) => { const api = useApi() @@ -85,7 +86,7 @@ const PublicProfile = ({ correo }) => { style={{ color: "#000", position: "absolute", - top: "10px", + top: "40px", left: "20px", cursor: "pointer", }} @@ -93,61 +94,67 @@ const PublicProfile = ({ correo }) => { /> {usuario ? (
- {usuario.foto && ( -
- {`${usuario.nombre} -
- )} -
-
- - - Nombre: {`${usuario.nombre} ${usuario.apellido}`} - -
- -
- - Correo: {usuario.correo} -
-
- - - Telefono: {usuario.telefono} - -
- {usuario.universidad && ( -
- - - Universidad: {usuario.universidad} - +

+ Perfil de {usuario.nombre} {usuario.apellido} +

+
+ {usuario.foto && ( +
+ {`${usuario.nombre}
)} - {usuario.carrera && ( -
- - Carrera: {carrera} +
+
+ + + Nombre: {`${usuario.nombre} ${usuario.apellido}`} +
- )} - {usuario.nacimiento && ( -
- - Edad: {edad} +
+ + + Correo: {usuario.correo} +
- )} - {usuario.semestre && ( -
- - - Semestre: {usuario.semestre} +
+ + + Telefono: {usuario.telefono}
- )} + {usuario.universidad && ( +
+ + + Universidad: {usuario.universidad} + +
+ )} + {usuario.carrera && ( +
+ + Carrera: {carrera} +
+ )} + {usuario.nacimiento && ( +
+ + Edad: {edad} +
+ )} + {usuario.semestre && ( +
+ + + Semestre: {usuario.semestre} + +
+ )} +
) : ( diff --git a/uniEmpleos/src/pages/PublicProfile/PublicProfile.module.css b/uniEmpleos/src/pages/PublicProfile/PublicProfile.module.css index 44354279..62de81e3 100644 --- a/uniEmpleos/src/pages/PublicProfile/PublicProfile.module.css +++ b/uniEmpleos/src/pages/PublicProfile/PublicProfile.module.css @@ -8,20 +8,45 @@ gap: 20px; padding: 25px; } +.title{ + font-size: 30px; + font-weight: 700; + color: #333333; + text-align: center; + margin-bottom: 20px; + text-transform: capitalize; +} .pfpContainer { + display: flex; + justify-content: end; + align-items: end; + width: 50%; + height: 50%; +} + +.tipoContainer{ display: flex; justify-content: center; align-items: center; - width: 10%; - height: 10%; + width: 100%; + gap:10%; } .pfp { display: flex; - width: 100%; - height: 100%; - border-radius: 50%; + width: 60%; + height: 60%; + border-radius: 10%; + box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; + +} + +.profileSpan{ + font-size: 20px; + color: #333333; + text-align: center; + text-transform: capitalize; } .subInfoContainer { @@ -29,16 +54,58 @@ gap: 20px; display: flex; flex-wrap: wrap; - flex-direction: row; + flex-direction: column; + align-items: start; +} + +.profileli{ justify-content: center; align-items: center; + display: flex; } .subInfoContainer > * { display: flex; align-items: center; + justify-content: center; + gap:10px; } -.subInfoContainer > div{ - gap: 10px; + +@media screen and (max-width: 768px){ + .pfpContainer { + width: 100%; + height: 100%; + justify-content: center; + align-items: center; + } + + .pfp { + width: 100%; + height: 100%; + } + + .profileSpan{ + font-size: 16px; + color: #333333; + text-align: center; + text-transform: capitalize; + } + + + .tipoContainer{ + flex-direction: column; + gap: 10%; + } + + .subInfoContainer { + width: 100%; + gap: 0; + align-items: start; + margin-top: 10%; + } + + .subInfoContainer > * { + gap: 10px; + } } \ No newline at end of file From f1f8f160a94f8e9aba6167e8e6f693275f22bb85 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jimena=20Hern=C3=A1ndez?= Date: Tue, 10 Oct 2023 21:05:50 -0600 Subject: [PATCH 2/2] update css --- uniEmpleos/src/pages/PublicProfile/PublicProfile.jsx | 4 +--- uniEmpleos/src/pages/PublicProfile/PublicProfile.module.css | 6 ++++++ 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/uniEmpleos/src/pages/PublicProfile/PublicProfile.jsx b/uniEmpleos/src/pages/PublicProfile/PublicProfile.jsx index 2615fc99..9117fcd4 100644 --- a/uniEmpleos/src/pages/PublicProfile/PublicProfile.jsx +++ b/uniEmpleos/src/pages/PublicProfile/PublicProfile.jsx @@ -116,9 +116,7 @@ const PublicProfile = ({ correo }) => {
- - Correo: {usuario.correo} - + Correo: {usuario.correo}
diff --git a/uniEmpleos/src/pages/PublicProfile/PublicProfile.module.css b/uniEmpleos/src/pages/PublicProfile/PublicProfile.module.css index 62de81e3..0c18977c 100644 --- a/uniEmpleos/src/pages/PublicProfile/PublicProfile.module.css +++ b/uniEmpleos/src/pages/PublicProfile/PublicProfile.module.css @@ -92,6 +92,12 @@ text-transform: capitalize; } + .correo{ + font-size: 16px; + color: #333333; + text-align: center; + } + .tipoContainer{ flex-direction: column;