kit-eco.social/consumocuidado
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip editar/coopertiva

Browse Source
This commit is contained in:
María
2025-09-10 15:09:56 +02:00
parent 07251e1b83
commit 365fcf7303
8 changed files with 50 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
pages/editar/perfil/contrasena.vue
View File

@@ -1,6 +1,6 @@
<template>
<BContainer class="container">
<BRow align-h="center">
<BContainer class="container-fluid">
<BRow align-h="center" class="change-password">
<BCol class="change-password">
<form class="form" autocomplete="off" @submit.prevent="submitUser">
<h1 class="title">Cambiar contraseña</h1>
@@ -92,29 +92,42 @@ export default {
</script>
<style lang="scss" scoped>
.container {
margin-top: 40px;
margin-bottom: 40px;
.container-fluid {
margin: 5rem 0 5rem 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
background: linear-gradient($color-consumo-base-light, $color-bg-light);
border-radius: 1rem;
padding: 2rem;
gap: 3rem;
color: $color-primary;
@include mobile {
margin-top: 7rem;
}
}
.change-password {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.title {
color: $color-navy;
font-size: $xxl;
color: $color-primary;
font-size: $h2;
margin-bottom: 40px;
text-align: left;
width: 45%;
text-align: center;
width: 100%;
@include mobile {
width: 80%;
margin-top: 70px;
}
@include desktop {
width: 25%;
width: 40%;
}
}
.form {
@@ -125,7 +138,7 @@ export default {
margin-bottom: 40px;
label {
text-align: left;
color: $color-navy;
color: $color-primary;
font-weight: $bold;
font-size: $xs;
}

35
pages/editar/perfil/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<BContainer class="container">
<BRow align-h="start">
<BContainer class="container-fluid">
<BRow align-h="start" class="edit-profile">
<BCol class="edit-profile">
<form class="form" @submit.prevent="submitUser">
<h1 class="title">Editar perfil</h1>
@@ -108,22 +108,35 @@ export default {
</script>
<style lang="scss" scoped>
.container {
margin-top: 40px;
margin-bottom: 40px;
.container-fluid {
margin: 5rem 0 5rem 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
background: linear-gradient($color-consumo-base-light, $color-bg-light);
border-radius: 1rem;
padding: 2rem;
gap: 3rem;
color: $color-primary;
@include mobile {
margin-top: 7rem;
}
}
.edit-profile {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.title {
color: $color-navy;
font-size: $xxl;
color: $color-primary;
font-size: $h2;
margin-bottom: 40px;
text-align: left;
text-align: center;
width: 45%;
@include mobile {
@@ -136,14 +149,14 @@ export default {
}
.form {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 40px;
width: 100%;
label {
text-align: left;
color: $color-navy;
color: $color-primary;
font-weight: $bold;
font-size: $xs;
}
@@ -159,7 +172,7 @@ export default {
.checkbox-group {
display: flex;
align-items: center;
border: 1px solid $color-navy;
border: 1px solid $color-primary;
padding: 10px;
border-radius: 5px;
}

1
pages/login/index.vue
View File

@@ -101,7 +101,6 @@ export default {
border-radius: 1rem;
padding: 2rem;
gap: 3rem;
margin: 2rem 0 4rem;
color: $color-primary;
@include mobile {

1
pages/login/restablecer.vue
View File

@@ -82,7 +82,6 @@ export default {
border-radius: 1rem;
padding: 2rem;
gap: 3rem;
margin: 2rem 0 4rem;
color: $color-primary;
@include mobile {

1
pages/registro/bienvenida.vue
View File

@@ -30,7 +30,6 @@ export default {}
border-radius: 1rem;
padding: 2rem;
gap: 3rem;
margin: 2rem 0 4rem;
color: $color-primary;
@include mobile {

1
pages/registro/cooperativa.vue
View File

@@ -165,7 +165,6 @@ export default {
border-radius: 1rem;
padding: 2rem;
gap: 3rem;
margin: 2rem 0 4rem;
color: $color-primary;
@include mobile {