From 48e69d3c4957e0bdf3d622c1408a569a14d5a80c Mon Sep 17 00:00:00 2001 From: citlallixx03 <2282785651citlali@gmail.com> Date: Mon, 29 Apr 2024 08:50:03 -0600 Subject: [PATCH] login --- frontend/index.html | 9 ++++-- frontend/src/App.jsx | 9 +++++- frontend/src/assets/login.jsx | 0 frontend/src/login.css | 52 +++++++++++++++++++++++++++++++++++ frontend/src/login.jsx | 34 +++++++++++++++++++++++ frontend/src/main.jsx | 5 +++- 6 files changed, 105 insertions(+), 4 deletions(-) create mode 100644 frontend/src/assets/login.jsx create mode 100644 frontend/src/login.css create mode 100644 frontend/src/login.jsx diff --git a/frontend/index.html b/frontend/index.html index 0c589ec..83649aa 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -4,10 +4,15 @@ - Vite + React + SIU_Dran_net -
+ +
+ +
+
+ diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index b8b8473..3a09655 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -2,9 +2,12 @@ import { useState } from 'react' import reactLogo from './assets/react.svg' import viteLogo from '/vite.svg' import './App.css' +import './login.css' function App() { - const [count, setCount] = useState(0) + //const [count, setCount] = useState(0) + const [usuario, setUsuario]= useState("") + const [password, setPassword]= useState("") return ( <> @@ -28,8 +31,12 @@ function App() {

Click on the Vite and React logos to learn more

+ + + ) } + export default App diff --git a/frontend/src/assets/login.jsx b/frontend/src/assets/login.jsx new file mode 100644 index 0000000..e69de29 diff --git a/frontend/src/login.css b/frontend/src/login.css new file mode 100644 index 0000000..a03cbf7 --- /dev/null +++ b/frontend/src/login.css @@ -0,0 +1,52 @@ +* { + background-color: #444941; + padding: 0; + margin: 10; + box-sizing: border-box; + font-family:Arial, Helvetica, sans-serif; +} +.Formulario { + + font-size: 20px; + width:400px; + height: 315px; + padding: 25px; + border-radius: 5%; +} +input[type="text"], input[type="password"]{ + background:#D5EEBB; + /* align-items: center; */ + border-radius: 5px; + display: block; + height: 30px; + padding-left: 10px; + padding-right: 10px; + margin-left: auto; + margin-right: auto; +} +h1{ + color: #D5EEBB; + font-family: Jockey One; + +} +#button{ + background-color: #D5EEBB; + margin-top: 20px; + stroke: none; + font-family: Georgia, 'Times New Roman', Times, serif; + font-weight: bold; + padding-top: 100px; + padding: 5px; + +} +label{ + color: #D5EEBBAA; + font-family: JejuMyeongjo; + font-size: 20px; + font-weight: 400; + text-align: left; +} +.footer{ + color: aliceblue; +} + diff --git a/frontend/src/login.jsx b/frontend/src/login.jsx new file mode 100644 index 0000000..b23be85 --- /dev/null +++ b/frontend/src/login.jsx @@ -0,0 +1,34 @@ +import { useState } from 'react' +import './login.css' + +function Login() { + + return ( + <> +
La universidad que esta para ti, ¡UNETE!
+
+ +

Bienvenido

+
+ + + + + + + +
+
+ + + ); +} + +export default Login \ No newline at end of file diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx index 54b39dd..9685dfc 100644 --- a/frontend/src/main.jsx +++ b/frontend/src/main.jsx @@ -2,9 +2,12 @@ import React from 'react' import ReactDOM from 'react-dom/client' import App from './App.jsx' import './index.css' +import Login from './login.jsx' ReactDOM.createRoot(document.getElementById('root')).render( - + , ) + +