edit profile andcoop

pages/editar/cooperativa/index.vue

@@ -24,30 +24,24 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.container {
-  margin-top: 40px;
-  margin-bottom: 80px;
-}
 .edit-coop {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 .title {
-  color: $color-navy;
-  font-size: $xxl;
-  margin-bottom: 50px;
-  text-align: left;
+  color: $color-primary;
+  font-size: $h2;
+  margin-bottom: 40px;
+  text-align: center;
+  width: 100%;
+  @include mobile {
+    width: 80%;
+    margin-top: 70px;
+  }
   @include desktop {
     width: 40%;
   }
-  @include tablet {
-    width: 60%;
-  }
-  @include mobile {
-    width: 90%;
-    margin-top: 70px;
-  }
 }
 
 .form-container {

pages/editar/perfil/contrasena.vue

@@ -1,5 +1,5 @@
 <template>
-  <BContainer class="container-fluid">
+  <BContainer class="container">
     <BRow align-h="center" class="change-password">
       <BCol class="change-password">
         <form class="form"  autocomplete="off" @submit.prevent="submitUser">
@@ -92,22 +92,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.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;
@@ -142,6 +126,9 @@ export default {
     font-weight: $bold;
     font-size: $xs;
   }
+  .submit-btn {
+    margin-top: 1rem;
+  }
 }
 .error {
   color: crimson;

pages/editar/perfil/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <BContainer class="container-fluid">
+  <BContainer class="container">
     <BRow align-h="start" class="edit-profile">
       <BCol class="edit-profile">
         <form class="form" @submit.prevent="submitUser">
@@ -107,24 +107,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-.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;
-  }
-}
-
+<style lang="scss" scoped> 
 .edit-profile {
   display: flex;
   flex-direction: column;