From cda7ee4ca5527b8fdc521de3258c43f056c50094 Mon Sep 17 00:00:00 2001 From: Bdelas777 <93608793+Bdelas777@users.noreply.github.com> Date: Fri, 28 Apr 2023 17:13:25 -0600 Subject: [PATCH 1/2] final log in --- TestHero/ClientApp/src/App.js | 31 ++++++++++-------- TestHero/ClientApp/src/Pages/login/Login.js | 4 +-- TestHero/ClientApp/src/Pages/login/login.css | 8 +++-- .../{public => src}/assets/fondo.jpg | Bin .../ClientApp/{public => src}/assets/logo.png | Bin 5 files changed, 25 insertions(+), 18 deletions(-) rename TestHero/ClientApp/{public => src}/assets/fondo.jpg (100%) rename TestHero/ClientApp/{public => src}/assets/logo.png (100%) diff --git a/TestHero/ClientApp/src/App.js b/TestHero/ClientApp/src/App.js index 9fce5b6..ab17b6e 100644 --- a/TestHero/ClientApp/src/App.js +++ b/TestHero/ClientApp/src/App.js @@ -1,22 +1,27 @@ -import React, { Component } from 'react'; -import { Route, Routes } from 'react-router-dom'; -import AppRoutes from './AppRoutes'; -import { Layout } from './components/Layout'; -import './custom.css'; +import React, { Component } from "react"; +import { Route, Routes } from "react-router-dom"; +import AppRoutes from "./AppRoutes"; +import { Layout } from "./components/Layout"; +import "./custom.css"; +import Login from "./Pages/login/Login"; export default class App extends Component { static displayName = App.name; render() { return ( - - - {AppRoutes.map((route, index) => { - const { element, ...rest } = route; - return ; - })} - - + // + // {/* + // {AppRoutes.map((route, index) => { + // const { element, ...rest } = route; + // return ; + // })} + // */} + + // +
+ +
); } } diff --git a/TestHero/ClientApp/src/Pages/login/Login.js b/TestHero/ClientApp/src/Pages/login/Login.js index 84684d5..f1da252 100644 --- a/TestHero/ClientApp/src/Pages/login/Login.js +++ b/TestHero/ClientApp/src/Pages/login/Login.js @@ -28,7 +28,7 @@ export default function Login() {
{/* onSubmit={handleClick} */} -

Usuario:

+

Usuario

-

Contraseña:

+

Contraseña

Date: Mon, 1 May 2023 18:08:35 -0600 Subject: [PATCH 2/2] Actualiza docstring --- TestHero/ClientApp/src/Pages/login/Login.js | 7 +++++++ TestHero/ClientApp/src/Pages/login/login.css | 4 ++-- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/TestHero/ClientApp/src/Pages/login/Login.js b/TestHero/ClientApp/src/Pages/login/Login.js index f1da252..8c398ab 100644 --- a/TestHero/ClientApp/src/Pages/login/Login.js +++ b/TestHero/ClientApp/src/Pages/login/Login.js @@ -5,6 +5,12 @@ import logo from "../../assets/logo.png"; // import { AuthContext } from "../../context/AuthContext"; // import CircularProgress from "@mui/material/CircularProgress"; +/** + * @author: Bernardo de la Sierra + * @license: GP + * @version: 1.0.0 + * Esta clase esta dedica al login + */ export default function Login() { const nombre = useRef(); const password = useRef(); @@ -19,6 +25,7 @@ export default function Login() { // }; // console.log(usuario); + return (
diff --git a/TestHero/ClientApp/src/Pages/login/login.css b/TestHero/ClientApp/src/Pages/login/login.css index 99293ea..218a80f 100644 --- a/TestHero/ClientApp/src/Pages/login/login.css +++ b/TestHero/ClientApp/src/Pages/login/login.css @@ -1,12 +1,12 @@ .login { width: 120vw; - height: 120vh; + height: 140vh; background-color: #f0f2f5; display: flex; align-items: center; justify-content: center; background-image: url("../..//assets/fondo.jpg"); - background-size: 120vw 120vh; + background-size: 120vw 140vh; } .loginWrapper {