From 31e7d6342c2d91f5466e8699252cd38df009a43c Mon Sep 17 00:00:00 2001 From: citlallixx03 <2282785651citlali@gmail.com> Date: Wed, 8 May 2024 08:50:56 -0600 Subject: [PATCH] cambios2 --- frontend/src/Encabezado.css | 57 +++++++++++++++++++++++++++----- frontend/src/Encabezado.jsx | 21 ++++++++++-- frontend/src/OfertaEducativa.css | 9 +++-- frontend/src/OfertaEducativa.jsx | 41 ++++++++++++----------- frontend/src/login.css | 28 ++++++++-------- frontend/src/login.jsx | 6 ++-- frontend/src/main.jsx | 13 ++++---- 7 files changed, 119 insertions(+), 56 deletions(-) diff --git a/frontend/src/Encabezado.css b/frontend/src/Encabezado.css index c4222d5..017fb35 100644 --- a/frontend/src/Encabezado.css +++ b/frontend/src/Encabezado.css @@ -1,4 +1,4 @@ -.contenedor { +/*.contenedor { max-height: none; width: 100%; } @@ -12,13 +12,13 @@ .banner h1 { font-size: 35px; margin-left: 2%; - pointer-events: none; /* Evita que el cursor se posicione sobre el título */ + pointer-events: none; } .banner nav { display: flex; - justify-content: space-between; /* Alinea los elementos al principio y al final */ - align-items: center; /* Alinea verticalmente los elementos */ + justify-content: space-between; + align-items: center; } .opciones { @@ -29,15 +29,56 @@ .opciones li { display: inline-block; - margin-left: 10px; /* Espacio entre elementos */ - margin-right: 30px; /* Espacio entre elementos */ + margin-left: 10px; + margin-right: 30px; } .opciones li a { color: white; - text-decoration: none; /* Quita el punto de los enlaces */ + text-decoration: none; } .opciones li a:hover { - text-decoration: underline; /* Subraya los enlaces al pasar el mouse sobre ellos */ + text-decoration: underline; +}*/ + +header.headerOE{ + display: inline; + width: 100%; + height: 18%; + text-align: center; +} +div.grupo1{ + background-color: #D5EEBB; + padding: 0%; +} +#logo{ + width: 70px; + height:min-content; +} +div.grupo2{ + background-color: #D5EEBB; + margin-top: 10px; + margin-left: 10px; + text-align: left; + font-size: x-large; +} +li.tit{ + background-color: #D5EEBB; + color:rgba(36, 15, 103, 0.922); + font-size: xx-large; + font-weight: bold; +} +nav ul { + list-style-type: none; + background-color:#D5EEBB; +} +nav ul li { + display: inline; + margin-right: 80px; + +} +li a{ + background-color: #D5EEBB; + color:rgb(172, 104, 9); } \ No newline at end of file diff --git a/frontend/src/Encabezado.jsx b/frontend/src/Encabezado.jsx index fef6524..580a506 100644 --- a/frontend/src/Encabezado.jsx +++ b/frontend/src/Encabezado.jsx @@ -3,7 +3,23 @@ import './Encabezado.css'; const Encabezado = () => { return ( -
+
+ +
+ /*
-
+
*/ + ); } diff --git a/frontend/src/OfertaEducativa.css b/frontend/src/OfertaEducativa.css index 4a0c572..5c14fb9 100644 --- a/frontend/src/OfertaEducativa.css +++ b/frontend/src/OfertaEducativa.css @@ -2,9 +2,12 @@ h1.tituloOE{ color: rgba(36, 15, 103, 0.922); text-transform: capitalize; padding-inline:initial; - margin-top:15%; + margin-top: 5%; + text-align: center; + font-size: 60px; + } -header.headerOE{ +/*header.headerOE{ display: inline; width: 100%; height: 18%; @@ -40,7 +43,7 @@ nav ul li { li a{ background-color: #D5EEBB; color:rgb(172, 104, 9); -} +}*/ .container{ display: grid; grid-template-columns: auto auto auto auto; diff --git a/frontend/src/OfertaEducativa.jsx b/frontend/src/OfertaEducativa.jsx index 2e793a3..ac3c7ea 100644 --- a/frontend/src/OfertaEducativa.jsx +++ b/frontend/src/OfertaEducativa.jsx @@ -1,25 +1,9 @@ import './OfertaEducativa.css' -function OfertaEducativa (){ - return ( +const OfertaEducativa = () => { + return( <> - -
- -
+

Oferta Educativa

@@ -71,4 +55,21 @@ function OfertaEducativa (){ ); } -export default OfertaEducativa \ No newline at end of file +export default OfertaEducativa + +/*
+ +
*/ \ No newline at end of file diff --git a/frontend/src/login.css b/frontend/src/login.css index 2b1133c..a0f27b1 100644 --- a/frontend/src/login.css +++ b/frontend/src/login.css @@ -11,11 +11,12 @@ } .imgColum { - margin-top: auto; + padding-left:30%; + margin-top: 25%; } -.Formulario { - +form.Formulario { + margin-left: 195px; font-size: 20px; width:400px; height: 315px; @@ -28,13 +29,13 @@ input[type="text"], input[type="password"]{ border-radius: 5px; display: block; height: 40px; - padding-left: 10px; + padding-left: 1px; padding-right: 10px; - margin-left: auto; + margin-left: 0px; margin-right: auto; font-size: large; } -header { +header.encabezado { color: rgba(36, 15, 103, 0.922); background-color: #D5EEBB; padding: 20px 0; /* Espaciado interno del encabezado */ @@ -43,7 +44,8 @@ header { top: 0; /* Lo posiciona en la parte superior */ z-index: 1000; /* Asegura que esté por encima del contenido */ font-weight:bold; - font-size: x-large; + font-size:xx-large; + text-align: center; } font{ background-color: transparent; @@ -52,17 +54,13 @@ font{ min-height: 89vh; }*/ -form{ - margin-left: auto; -} - -h1{ +h1.titLogin{ color: rgb(172, 104, 9); font-family: Jockey One; text-transform: capitalize; - margin-top: 30%; - padding-left: 30%; - + margin-top: 20%; + padding-left: 20%; + font-size: 60px; } #button{ background-color: #D5EEBB; diff --git a/frontend/src/login.jsx b/frontend/src/login.jsx index b84fdb8..5ab5daa 100644 --- a/frontend/src/login.jsx +++ b/frontend/src/login.jsx @@ -10,13 +10,15 @@ function Login() { Imagen
-

Bienvenido

+

Bienvenido

- +
+ +
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx index 66fdbe8..70f8cbd 100644 --- a/frontend/src/main.jsx +++ b/frontend/src/main.jsx @@ -1,16 +1,17 @@ import React from 'react' import ReactDOM from 'react-dom/client' import OfertaEducativa from './OfertaEducativa.jsx' -import Preinscripcion from './Preinscripcion.jsx' -import SubirPDF from './SubirPDF.jsx' - -import General from './General.jsx' +import Registro from './Registro.jsx' import './Registro.css' import './login.css'; +import Encabezado from './Encabezado.jsx' + ReactDOM.createRoot(document.getElementById('root')).render( - - + + + + , )