Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
Alba María Álvarez
/
front_recipes
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
e551a931
authored
Aug 21, 2025
by
Alba María Álvarez
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
feat(views): creada vista Register.vue con el formulario para registrarse
parent
3ce5843d
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
94 additions
and
0 deletions
src/views/Register.vue
src/views/Register.vue
0 → 100644
View file @
e551a931
<
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
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment