From 0c8ca15cd14cef5ad0f76ef2524941d05f0b4ac0 Mon Sep 17 00:00:00 2001 From: citlallixx03 <2282785651citlali@gmail.com> Date: Thu, 16 May 2024 09:36:15 -0600 Subject: [PATCH] frontend --- frontend/src/Encabezado.jsx | 16 ---------------- frontend/src/Licenciatura.jsx | 6 ++++-- frontend/src/OfertaEducativa.jsx | 20 ++++---------------- frontend/src/Preinscripcion.css | 14 ++++++++++++++ frontend/src/Preinscripcion.jsx | 24 +++++++++++++++++++----- frontend/src/Registro.css | 5 ++++- frontend/src/Registro.jsx | 6 ++++-- frontend/src/SubirPDF.css | 5 +++++ frontend/src/SubirPDF.jsx | 6 +++--- frontend/src/main.jsx | 9 +++++++-- 10 files changed, 64 insertions(+), 47 deletions(-) create mode 100644 frontend/src/SubirPDF.css diff --git a/frontend/src/Encabezado.jsx b/frontend/src/Encabezado.jsx index 16f1d2d..cce1b37 100644 --- a/frontend/src/Encabezado.jsx +++ b/frontend/src/Encabezado.jsx @@ -19,22 +19,6 @@ function Encabezado(){ - /*
-
- -
-
*/ - ); } diff --git a/frontend/src/Licenciatura.jsx b/frontend/src/Licenciatura.jsx index a2a5cf9..e79447e 100644 --- a/frontend/src/Licenciatura.jsx +++ b/frontend/src/Licenciatura.jsx @@ -1,5 +1,6 @@ import React, { useState } from "react"; import './Licenciatura.css'; +import Encabezado from "./Encabezado"; const Licenciatura = () => { @@ -160,7 +161,8 @@ const Licenciatura = () => { return ( <> - +
+

Programas Educativos

@@ -230,7 +232,7 @@ const Licenciatura = () => {
- +
); }; diff --git a/frontend/src/OfertaEducativa.jsx b/frontend/src/OfertaEducativa.jsx index ac8ee65..a8f4abb 100644 --- a/frontend/src/OfertaEducativa.jsx +++ b/frontend/src/OfertaEducativa.jsx @@ -1,25 +1,13 @@ import { Outlet } from 'react-router-dom'; import './OfertaEducativa.css' +import Encabezado from './Encabezado'; function OfertaEducativa (){ return ( <> -
- -
+ + +

Oferta Educativa

diff --git a/frontend/src/Preinscripcion.css b/frontend/src/Preinscripcion.css index 94fb699..c35a9d2 100644 --- a/frontend/src/Preinscripcion.css +++ b/frontend/src/Preinscripcion.css @@ -1,4 +1,18 @@ +#bodyPre{ + width: 100%; + margin: 0 auto; +} #h1Pre{ margin-top: 11%; margin-left: 10%; +} +#p1Pre{ + font-size: x-large; +} +#p2Pre{ + font-size: x-large; + margin-top: 2%; +} +#labelPre{ + text-transform: capitalize; } \ No newline at end of file diff --git a/frontend/src/Preinscripcion.jsx b/frontend/src/Preinscripcion.jsx index 9c0848c..bebbb4f 100644 --- a/frontend/src/Preinscripcion.jsx +++ b/frontend/src/Preinscripcion.jsx @@ -1,18 +1,32 @@ import SubirPDF from "./SubirPDF"; import React from 'react'; import './Preinscripcion.css' +import Encabezado from "./Encabezado"; const App = () => { return ( <> - +
+

Proceso de Preinscripción

-

Estamos más cerca de pertenecer a esta gran comunidad estudiantil.

- +

¡Bienvenido a esta gran comunidad estudiantil!

+

Para dar seguimiento al proceso de preinscripción es necesario que subas los siguientes documentos en formato pdf que se te solicitan.

+
-
- +
+ +
+ +
+ +
+ +
+
+ © 2024 Universidad Filadelfia. Todos los derechos reservados. +
+
); }; diff --git a/frontend/src/Registro.css b/frontend/src/Registro.css index b1f54e4..7b3b15e 100644 --- a/frontend/src/Registro.css +++ b/frontend/src/Registro.css @@ -2,7 +2,7 @@ background-color: #e4e4df; width: 100%; margin: 0 auto; - padding: 1%; + } h1.titRegistro { @@ -96,4 +96,7 @@ } header{ text-align: center; + } + body{ + margin: 0; } \ No newline at end of file diff --git a/frontend/src/Registro.jsx b/frontend/src/Registro.jsx index f965d9a..9adadd3 100644 --- a/frontend/src/Registro.jsx +++ b/frontend/src/Registro.jsx @@ -1,10 +1,12 @@ import React from 'react'; import './Registro.css'; // Estilo para el formulario +import Encabezado from './Encabezado'; const Registro = () => { return ( - +
+

Registro

Datos Personales

@@ -111,7 +113,7 @@ const Registro = () => {
- +
); } diff --git a/frontend/src/SubirPDF.css b/frontend/src/SubirPDF.css new file mode 100644 index 0000000..6815995 --- /dev/null +++ b/frontend/src/SubirPDF.css @@ -0,0 +1,5 @@ +#inputPdf { + border: 1% solid #000; + padding: '20px'; + text-align: center; +} diff --git a/frontend/src/SubirPDF.jsx b/frontend/src/SubirPDF.jsx index e850a21..b9d54a3 100644 --- a/frontend/src/SubirPDF.jsx +++ b/frontend/src/SubirPDF.jsx @@ -1,6 +1,7 @@ import React, { useCallback } from 'react'; import { useDropzone } from 'react-dropzone'; import axios from 'axios'; +import './SubirPDF' const SubirPDF = () => { const onDrop = useCallback(acceptedFiles => { @@ -26,9 +27,8 @@ const SubirPDF = () => { const { getRootProps, getInputProps } = useDropzone({ onDrop }); return ( -
- -

Arrastra y suelta un archivo PDF aquí, o haz clic para seleccionar uno

+
+
); }; diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx index e78490e..3fa1d63 100644 --- a/frontend/src/main.jsx +++ b/frontend/src/main.jsx @@ -1,12 +1,17 @@ import React from 'react' import ReactDOM from 'react-dom/client' import OfertaEducativa from './OfertaEducativa.jsx' +import Encabezado from './Encabezado.jsx' import Login from './login.jsx' +import Registro from './Registro.jsx' +import Licenciatura from './Licenciatura.jsx' +import Preinscripcion from './Preinscripcion.jsx' +import SubirPDF from './SubirPDF.jsx' ReactDOM.createRoot(document.getElementById('root')).render( - - + + , )