login y restablecer pages

pages/login/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="container-fluid">
     <div class="row">
-      <FormHeader title="Login" class="col-12" />
+      <FormHeader title="Login" subtitle="Crea el perfil de tu entidad y publica tus productos y servicios con valores" class="col-12" />
     </div>
 
     <form class="form" align="center" @submit.prevent="userLogin">
@@ -42,14 +42,11 @@
     </div> -->
 
     <p class="help" align="center">
-      *Si no estás registrado puedes registrarte en este
-      <NuxtLink to="/registro"><b>enlace</b></NuxtLink
+      *¿Todavía no formas parte de Consumo Cuidado?
+      <NuxtLink to="/registro"><b>Únete</b></NuxtLink
       >.
     </p>
 
-    <div class="row">
-      <BannerCoop />
-    </div>
   </div>
 </template>
 
@@ -58,9 +55,9 @@ import { useAuthStore } from '@/stores/auth'
 import { mapActions } from 'pinia'
 export default {
   setup() {
-    definePageMeta({
-      layout: 'main',
-    })
+//   definePageMeta({
+//     layout: 'main',
+//   })
     const authStore = useAuthStore()
     return { authStore }
   },
@@ -96,6 +93,16 @@ export default {
 .container-fluid {
   margin-top: 5rem;
   margin-bottom: 5rem;
+  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;
+  margin: 2rem 0 4rem;
+  color: $color-primary;
 
   @include mobile {
     margin-top: 7rem;
@@ -107,10 +114,21 @@ export default {
   flex-direction: column;
   align-items: center;
   margin-bottom: 40px;
+  width: 100%;
+  gap: 1rem;
 }
 
 .help {
-  color: $color-navy;
+  color: $color-primary;
+  text-decoration: none;
+  b {
+    color: $color-button;
+    cursor: pointer;
+    &:hover {
+      text-decoration: underline;
+      color: blue
+    }
+  }
 }
 
 .other-sign-in {

pages/login/restablecer.vue

@@ -8,16 +8,13 @@
       ok-variant="success"> Email enviado, revisa tu bandeja de entrada. </BModal>
 
     <div class="row">
-      <FormHeader title="Restablecer Contraseña" class="col-12" />
+      <FormHeader 
+        title="Restablecer Contraseña" 
+        subtitle="Introduce la dirección de correo asociada a tu cuenta y te enviaremos un
+            email con tu nueva contraseña.<br />Recuerda que siempre puedes cambiarla dentro del menú de edición."
+        class="col-12" />
     </div>
 
-    <p class="help" align="center">
-      Introduce la dirección de correo asociada a tu cuenta y te enviaremos un
-      email con tu nueva contraseña.
-      <br />
-      Recuerda que siempre puedes cambiarla dentro del menú de edición.
-    </p>
-
     <form class="form" align="center" @submit.prevent="sendEmail">
        <FormInput
         v-model="email"
@@ -38,11 +35,11 @@
 
 <script>
 export default {
-  setup() {
-    definePageMeta({
-      layout: 'main',
-    })
-  },
+  // setup() {
+  //   definePageMeta({
+  //     layout: 'main',
+  //   })
+  // },
   data() {
     return {
       email: '',
@@ -77,6 +74,16 @@ export default {
 .container-fluid {
   margin-top: 5rem;
   margin-bottom: 5rem;
+  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;
+  margin: 2rem 0 4rem;
+  color: $color-primary;
 
   @include mobile {
     margin-top: 7rem;
@@ -88,6 +95,7 @@ export default {
   flex-direction: column;
   align-items: center;
   margin-bottom: 40px;
+  width: 100%;
 }
 .help {
   color: $color-navy;

pages/productoras/[id].vue

@@ -117,7 +117,7 @@
         </div>
       </div>
     </div>
-    <div class="c-catalogo">
+    <div v-if="products && products.length" class="c-catalogo">
       <div class="title-container">
         <div class="title-lines"></div>
         <h5 class="items-title">Nuestro catálogo</h5>
@@ -130,15 +130,11 @@
         </div>
         <div class="c-pagination">
           <BPagination 
-            v-if="products"
             v-model="currentPage"
             :v-if="products"
             :total-rows="rows"
             :per-page="perPage"
           />
-          <div v-if="!products">
-            No se encontraron productos para esta productora
-          </div>
         </div>
     </div>
   </div>

pages/productoras/index.vue

@@ -5,7 +5,7 @@
         title="Encuentra tu entidad aliada"
         subtitle="Colabora, compra o aprende con la economía social"
       />
-      <div class="cards-section">
+      <div v-if="companyList && companyList.length" class="cards-section">
         <section  class="cards-grid">
           <article v-for="(coop, index) in companyList" :key="index">
             <CoopCard :coop="coop" />
@@ -18,6 +18,9 @@
           :per-page="perPage"
         />
       </div>
+      <div v-else class="cards-section">
+        <p>No se han encontrado resultados</p>
+      </div>
       <TextWithImageAndButton />
     </div>
   </div>