amend some style issues

assets/img/consumo-smlogo-facebook.svg

@@ -0,0 +1,3 @@
+<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.22266 9L8.66703 6.10437H5.88859V4.22531C5.88859 3.43313 6.27672 2.66094 7.52109 2.66094H8.78422V0.195625C8.78422 0.195625 7.63797 0 6.54203 0C4.25391 0 2.75828 1.38688 2.75828 3.8975V6.10437H0.214844V9H2.75828V16H5.88859V9H8.22266Z" fill="#143E8C"/>
+</svg>

assets/img/consumo-smlogo-instagram.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.50162 3.8978C6.23095 3.8978 4.39942 5.72933 4.39942 8C4.39942 10.2707 6.23095 12.1022 8.50162 12.1022C10.7723 12.1022 12.6038 10.2707 12.6038 8C12.6038 5.72933 10.7723 3.8978 8.50162 3.8978ZM8.50162 10.667C7.03425 10.667 5.83465 9.47094 5.83465 8C5.83465 6.52906 7.03068 5.33304 8.50162 5.33304C9.97255 5.33304 11.1686 6.52906 11.1686 8C11.1686 9.47094 9.96898 10.667 8.50162 10.667ZM13.7284 3.73C13.7284 4.26197 13.3 4.68682 12.7716 4.68682C12.2397 4.68682 11.8148 4.2584 11.8148 3.73C11.8148 3.20161 12.2432 2.77318 12.7716 2.77318C13.3 2.77318 13.7284 3.20161 13.7284 3.73ZM16.4454 4.70111C16.3847 3.41939 16.0919 2.28406 15.153 1.34866C14.2176 0.413254 13.0822 0.120495 11.8005 0.0562312C10.4795 -0.0187437 6.52014 -0.0187437 5.19915 0.0562312C3.92101 0.116925 2.78567 0.409684 1.8467 1.34509C0.907731 2.28049 0.618542 3.41582 0.554278 4.69753C0.479303 6.01852 0.479303 9.97791 0.554278 11.2989C0.614972 12.5806 0.907731 13.7159 1.8467 14.6513C2.78567 15.5867 3.91744 15.8795 5.19915 15.9438C6.52014 16.0187 10.4795 16.0187 11.8005 15.9438C13.0822 15.8831 14.2176 15.5903 15.153 14.6513C16.0884 13.7159 16.3811 12.5806 16.4454 11.2989C16.5204 9.97791 16.5204 6.02209 16.4454 4.70111ZM14.7388 12.7163C14.4603 13.416 13.9212 13.9551 13.2179 14.2372C12.1647 14.6549 9.66551 14.5585 8.50162 14.5585C7.33772 14.5585 4.83499 14.6513 3.78534 14.2372C3.08557 13.9587 2.54647 13.4196 2.26442 12.7163C1.8467 11.6631 1.9431 9.1639 1.9431 8C1.9431 6.8361 1.85027 4.33337 2.26442 3.28372C2.5429 2.58396 3.082 2.04485 3.78534 1.7628C4.83856 1.34509 7.33772 1.44148 8.50162 1.44148C9.66551 1.44148 12.1682 1.34866 13.2179 1.7628C13.9177 2.04128 14.4568 2.58039 14.7388 3.28372C15.1565 4.33694 15.0601 6.8361 15.0601 8C15.0601 9.1639 15.1565 11.6666 14.7388 12.7163Z" fill="#143E8C"/>
+</svg>

assets/scss/core/variables.scss

@@ -3,6 +3,7 @@ $color-consumo-base: #F28C8C;
 $color-consumo-base-light: #F6B1B1;
 $color-consumo-base-extra-light:#FAD1D1;
 $color-button: #143E8C;
+$color-button-hover: #1E58C7;
 
 $color-primary: #111111;
 $color-second: #B8B8B8;

components/CoopCard.vue

@@ -17,7 +17,7 @@
     <div class="card-body" align="left">
       <h2>{{ coop.company_name }}</h2>
       <p class="description">{{ coop.description }}</p>
-      <div class="tags">
+      <!-- <div class="tags">
         <p
           v-for="n in coop.tags"
           :key="n"
@@ -26,7 +26,7 @@
         >
           <span>{{ n }}</span>
         </p>
-      </div>
+      </div> -->
     </div>
     <div class="card-actions">
       <NuxtLink :to="`/productoras/${this.coop.id}`" class="btn-outline">

components/Footer.vue

@@ -32,25 +32,25 @@
 
       <div class="footer-links">
         <div class="footer-column">
-          <h3>Herramientas</h3>
+          <h3>Consumo cuidado</h3>
           <ul>
-            <li><NuxtLink to="https://www.kit-eco.social/es/consumo-cuidado">Consumo Cuidado</NuxtLink></li>
+            <li><NuxtLink to="/busqueda">Catálogo</NuxtLink></li>
-            <li><NuxtLink to="https://www.kit-eco.social/es/aula-virtual">Aula Virtual</NuxtLink></li>
+            <li><NuxtLink to="/productoras">Productoras</NuxtLink></li>
-            <li><NuxtLink to="https://www.kit-eco.social/es/iguales">Iguales</NuxtLink></li>
+            <li><NuxtLink to="/registro/cooperativa">Únete</NuxtLink></li>
-            <li><NuxtLink to="https://www.kit-eco.social/es/objetivo2030">Objetivo 2030</NuxtLink></li>
+            <li><NuxtLink to="#">Ayuda</NuxtLink></li>
-            <li><NuxtLink to="https://www.kit-eco.social/es/certifica-t">Certifica-T</NuxtLink></li>
+            <li><NuxtLink to="#">Términos y condiciones</NuxtLink></li>
-            <li><NuxtLink to="https://www.kit-eco.social/es/enlazados">Enlazados</NuxtLink></li>
+            <li><NuxtLink to="#">Aviso legal</NuxtLink></li>
           </ul>
         </div>
 
         <div class="footer-column">
-          <h3>Enlaces rápidos</h3>
+          <h3>Herramientas</h3>
           <ul>
-            <li><a href="#">Nosotras</a></li>
+            <li><NuxtLink to="https://www.kit-eco.social/es/aula-virtual">Aula Virtual</NuxtLink></li>
-            <li><a href="#">Contactanos</a></li>
+            <li><NuxtLink to="https://www.kit-eco.social/es/iguales">Iguales</NuxtLink></li>
-            <li><a href="#">Términos y condiciones</a></li>
+            <li><NuxtLink to="https://www.kit-eco.social/es/objetivo2030">Objetivo 2030</NuxtLink></li>
-            <li><a href="#">Política de privacidad</a></li>
+            <li><NuxtLink to="https://www.kit-eco.social/es/certifica-t">Certifica-T</NuxtLink></li>
-            <li><a href="#">Aviso legal</a></li>
+            <li><NuxtLink to="https://www.kit-eco.social/es/foro">Foro</NuxtLink></li>
           </ul>
         </div>
       </div>

components/ItemsRow.vue

@@ -61,7 +61,7 @@
 <script>
 import { Carousel, Slide, Navigation } from 'vue3-carousel'
 import 'vue3-carousel/dist/carousel.css'
-import defaultImage from '@/assets/img/latienda-product-default.png'
+import defaultImage from '@/assets/img/producto-default.png'
 
 export default {
   components: {

components/NavBar.vue

@@ -1,6 +1,6 @@
 <template>
   <header class="header">
-    <div class="container wrapper">
+    <div class="container-nav wrapper">
       <div class="navmenu-container">
         <NavMenu @handle-logout="handleLogout" />
       </div>
@@ -110,7 +110,7 @@ export default {
 .header {
   background-color: white;
   padding: 10px;
-
+  margin: 0 auto;
   @include mobile {
     position: fixed;
     z-index: 999999;
@@ -119,9 +119,9 @@ export default {
   }
 }
 
-.container {
+.container-nav {
   display: flex;
-  justify-content: space-evenly;
+  justify-content: space-between;
   align-items: center;
 }
 
@@ -138,6 +138,10 @@ nav {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  @include mobile {
+    margin-left: 10rem;
+
+  }
 }
 
 .search-and-login {
@@ -147,10 +151,10 @@ nav {
 }
 
 .logo {
-  width: 10rem;
+  width: 12rem;
   margin: 0 0.5rem;
   @include mobile {
-    width: 9rem;
+    width: 10rem;
   }
 }
 

components/ProductCard.vue

@@ -2,7 +2,7 @@
   <div class="c-card">
     <div class="image-container">
       <img v-if="product.image" class="image" :src="product.image" alt="" />
-      <img v-else class="image" :src="`@/assets/img/consumo-default.png`" alt="" />
+      <img v-else class="image" :src="defaultImage" alt="" />
     </div>
     <div class="details-container">
       <p>{{ product.name }}</p>
@@ -26,6 +26,7 @@
 import DOMPurify from 'dompurify'
 import { mapState } from 'pinia'
 import socialShare from '~/utils/socialShare'
+import defaultImage from '@/assets/img/producto-default.png'
 export default {
   props: {
     product: {
@@ -42,6 +43,7 @@ export default {
       active: false,
       modalText: '',
       modalColor: 'info',
+      defaultImage: defaultImage,
     }
   },
   computed: {

components/ProductCardDetails.vue

@@ -45,27 +45,27 @@
             <img class="div-link-img" src="@/assets/img/shopping-bag-white.svg" />
             COMPRA EN SU TIENDA
           </BButton>
-          <div class="smlogos_container">
           <p class="share-text">Comparte:</p>
+          <div class="smlogos_container">
             <div class="smlogo_container">
               <a @click="shareFacebook">
                 <img
                   alt="facebook logo"
                   class="smlogo_img"
-                  src="@/assets/img/latienda-smlogo-facebook.svg"
+                  src="@/assets/img/consumo-smlogo-facebook.svg"
                 />
               </a>
             </div>
             <a :href="shareTwitter()">
               <div class="smlogo_container">
                 <img
-                  alt="twitter logo"
+                  alt="instagram logo"
                   class="smlogo_img"
-                  src="@/assets/img/latienda-smlogo-twitter.svg"
+                  src="@/assets/img/consumo-smlogo-instagram.svg"
                 />
               </div>
             </a>
-            <a
+            <!-- <a
               :href="shareWhatsApp()"
               data-action="share/whatsapp/share"
               target="_blank"
@@ -78,7 +78,7 @@
                   src="@/assets/img/latienda-smlogo-whatsapp.svg"
                 />
               </div>
-            </a>
+            </a> -->
           </div>
           <div class="coop_info">
             <p class="share-text">Vendido por:</p>
@@ -335,7 +335,8 @@ export default {
   img {
     width: 100%;
     height: 100%;
-    object-fit: contain;
+    object-fit: cover;
+    border-radius: 16px;
   }
 
   @include mobile {
@@ -445,19 +446,32 @@ export default {
   padding-bottom: 0.5em;
 }
 
+.smlogos_container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: start;
+  gap: 8px;
+  margin-top: 0.5rem;
+}
+
 .smlogo_container {
   cursor: pointer;
   display: inline-block;
   margin-bottom: 0.5rem;
-
+  border: 1px solid $color-button;
+  border-radius: 100%;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   .smlogo_img {
     cursor: pointer;
-    width: 40px;
     fill: $color-button;
   }
-  img:hover {
+  &:hover {
-    transform: scale(1.1);
+    background-color: $color-button-hover;
-    transition: all 0.2s ease;
   }
 }
 

components/ProductFilter.vue

@@ -52,7 +52,7 @@
               </ClientOnly>
             </div>
             <hr class="dotted-hr" />
-            <div class="form-check">
+            <!-- <div class="form-check">
               <input
                 id="checkbox-shipped"
                 v-model="filterForm.shipping_cost"
@@ -75,7 +75,7 @@
               <label class="form-check-label" for="checkbox-discount">
                 Descuentos
               </label>
-            </div>
+            </div> -->
           </BCollapse>
         </div>
         <div class="collapsible collapsible-checkboxes">
@@ -144,10 +144,10 @@ export default {
 
   data() {
     return {
-      filterForm: {
+      // filterForm: {
-        shipping_cost: false,
+      //   shipping_cost: false,
-        discount: false,
+      //   discount: false,
-      },
+      // },
       screenSize: null,
       visible: true,
       checkedCategories: [],
@@ -188,13 +188,13 @@ export default {
         } else {
           this.checkedCategories = [];
         }
-        if (Object.keys(newCurrentFilters).includes("shipping_cost")) {
+        // if (Object.keys(newCurrentFilters).includes("shipping_cost")) {
-          this.filterForm.shipping_cost = true;
+        //   this.filterForm.shipping_cost = true;
-        } else {
+        // } else {
-          this.filterForm.shipping_cost = false;
+        //   this.filterForm.shipping_cost = false;
+        // }
       }
-      }
+      //this.filterForm.discount = this.$route.query.hasOwnProperty("discount");
-      this.filterForm.discount = this.$route.query.hasOwnProperty("discount");
     },
     prices(newPrices) {
       if (newPrices.min && newPrices.max) {
@@ -227,8 +227,8 @@ export default {
       const filters = {};
       filters.price_min = this.priceRange[0];
       filters.price_max = this.priceRange[1];
-      if (this.filterForm.shipping_cost) filters.shipping_cost = false;
+      //if (this.filterForm.shipping_cost) filters.shipping_cost = false;
-      if (this.filterForm.discount) filters.discount = true;
+      //if (this.filterForm.discount) filters.discount = true;
       filters.category = this.checkedCategories;
       if (this.place) {
         filters.latitude = this.place.geo.latitude;
@@ -356,6 +356,12 @@ export default {
   flex-direction: column;
   gap: 1rem;
 }
+.form-check-input {
+
+  &:checked {
+    background-color: $color-button;
+  }
+}
 
 .dotted-hr {
   border-top: 2px dotted $color-greylighter;

components/TextWithImageAndButton.vue

@@ -15,7 +15,7 @@
           nosotras.
         </p>
 
-        <NuxtLink to="/busqueda" class="link">
+        <NuxtLink to="/registro/cooperativa" class="link">
             <ButtonCTA class="btn-primary">QUIERO REGISTRARME</ButtonCTA>
           </NuxtLink>
 

pages/index.vue

@@ -133,9 +133,7 @@ export default {
     margin-top: 70px;
   }
 }
-.base {
+
-  margin-bottom: 80px;
-}
 .gradient {
   display: flex;
   flex-direction: column;

pages/login/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="container-fluid">
     <div class="row">
-      <FormHeader title="Login" subtitle="Crea el perfil de tu entidad y publica tus productos y servicios con valores" class="col-12" />
+      <FormHeader title="Acceder" class="col-12" />
     </div>
 
     <form class="form" align="center" @submit.prevent="userLogin">
@@ -100,7 +100,7 @@ export default {
   background: linear-gradient($color-consumo-base-light, $color-bg-light);
   border-radius: 1rem;
   padding: 2rem;
-  gap: 3rem;
+  gap: 1rem;
   color: $color-primary;
 
   @include mobile {

pages/productoras/index.vue

@@ -28,6 +28,7 @@
         </div>
       </section>
       <div v-if="companyList && companyList.length" class="cards-section">
+        {{ companyList.length }} entidades encontradas
         <section  class="cards-grid">
           <article v-for="(coop, index) in companyList" :key="index">
             <CoopCard :coop="coop" />

pages/registro/cooperativa.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container-fluid">
-    <FormHeader title="Registro de Cooperativa" />
+    <FormHeader title="Registro de Cooperativa" subtitle="Crea el perfil de tu entidad y publica tus productos y servicios con valores." />
     <form v-if="!isAuthenticated" class="form" @submit.prevent="userRegister">
       <FormInput
         v-model="register.user.email"