feat(views): creada vista Register.vue con el formulario para registrarse

parent 3ce5843d
Showing with 94 additions and 0 deletions
<script>
import SignLayout from '@/components/SignLayout.vue';
export default {
name: 'Register',
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">Registrarse</h2>
<form>
<div class="form-floating mb-4">
<input
type="text"
class="form-control"
id="inputName"
placeholder="Nombre"
required
>
<label for="inputName">Nombre</label>
</div>
<div class="form-floating mb-4">
<input
type="text"
class="form-control"
id="inputSurname"
placeholder="Apellidos"
required
>
<label for="inputSurname">Apellidos</label>
</div>
<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">
Crear cuenta
</button>
<p class="text-center mt-4">
¿Ya tienes cuenta?
<a href="/auth/login" class="text-decoration-none">Inicia sesión 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