feat(views): creada vista Login.vue con el formulario para iniciar sesión

parent 559d1494
Showing with 72 additions and 0 deletions
<script>
import SignLayout from '@/components/SignLayout.vue';
export default {
name: 'Login',
components: {
SignLayout
}
}
</script>
<template>
<SignLayout>
<div class="form-signin w-100 p-5 shadow rounded bg-white form-card">
<h2 class="mb-4 text-center">Iniciar Sesión</h2>
<form>
<div class="form-floating mb-4">
<input
type="email"
class="form-control"
id="inputEmail"
placeholder="Correo electrónico"
required
>
<label for="inputEmail">Correo electrónico</label>
</div>
<div class="form-floating mb-4">
<input
type="password"
class="form-control"
id="inputPassword"
placeholder="Contraseña"
required
>
<label for="inputPassword">Contraseña</label>
</div>
<button class="btn w-100 py-2 mb-4 btn-style" type="submit">
Entrar
</button>
<p class="text-center mt-4">
¿No tienes cuenta?
<a href="/auth/register" class="text-decoration-none">Regístrate aquí</a>
</p>
</form>
</div>
</SignLayout>
</template>
<style scope>
.form-card .btn-style {
background-color: #793e6c;
color: #fff;
font-weight: 600;
font-size: 1.2rem;
}
.form-card .btn-style:hover {
background-color: #5e3054; /* un tono más oscuro */
color: #fff;
}
.text-center.mt-4 {
font-size: 1.1rem;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment