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

amend some style issues

Browse Source
This commit is contained in:
María
2025-10-03 15:19:23 +02:00
parent c5ba92ab21
commit f5f4f4529a
16 changed files with 88 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
assets/img/consumo-smlogo-facebook.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 363 B

3
assets/img/consumo-smlogo-instagram.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
assets/img/producto-default.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 261 KiB

1
assets/scss/core/variables.scss
View File

@@ -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;

4
components/CoopCard.vue
View File

@@ -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">

26
components/Footer.vue
View File

@@ -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="https://www.kit-eco.social/es/aula-virtual">Aula Virtual</NuxtLink></li>
<li><NuxtLink to="https://www.kit-eco.social/es/iguales">Iguales</NuxtLink></li>
<li><NuxtLink to="https://www.kit-eco.social/es/objetivo2030">Objetivo 2030</NuxtLink></li>
<li><NuxtLink to="https://www.kit-eco.social/es/certifica-t">Certifica-T</NuxtLink></li>
<li><NuxtLink to="https://www.kit-eco.social/es/enlazados">Enlazados</NuxtLink></li>
<li><NuxtLink to="/busqueda">Catálogo</NuxtLink></li>
<li><NuxtLink to="/productoras">Productoras</NuxtLink></li>
<li><NuxtLink to="/registro/cooperativa">Únete</NuxtLink></li>
<li><NuxtLink to="#">Ayuda</NuxtLink></li>
<li><NuxtLink to="#">Términos y condiciones</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><a href="#">Contactanos</a></li>
<li><a href="#">Términos y condiciones</a></li>
<li><a href="#">Política de privacidad</a></li>
<li><a href="#">Aviso legal</a></li>
<li><NuxtLink to="https://www.kit-eco.social/es/aula-virtual">Aula Virtual</NuxtLink></li>
<li><NuxtLink to="https://www.kit-eco.social/es/iguales">Iguales</NuxtLink></li>
<li><NuxtLink to="https://www.kit-eco.social/es/objetivo2030">Objetivo 2030</NuxtLink></li>
<li><NuxtLink to="https://www.kit-eco.social/es/certifica-t">Certifica-T</NuxtLink></li>
<li><NuxtLink to="https://www.kit-eco.social/es/foro">Foro</NuxtLink></li>
</ul>
</div>
</div>

2
components/ItemsRow.vue
View File

@@ -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: {

16
components/NavBar.vue
View File

@@ -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;
}
}

4
components/ProductCard.vue
View File

@@ -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: {

38
components/ProductCardDetails.vue
View File

@@ -45,27 +45,27 @@
<img class="div-link-img" src="@/assets/img/shopping-bag-white.svg" />
COMPRA EN SU TIENDA
</BButton>
<p class="share-text">Comparte:</p>
<div class="smlogos_container">
<p class="share-text">Comparte:</p>
<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 {
transform: scale(1.1);
transition: all 0.2s ease;
&:hover {
background-color: $color-button-hover;
}
}

34
components/ProductFilter.vue
View File

@@ -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: {
shipping_cost: false,
discount: false,
},
// filterForm: {
// shipping_cost: false,
// discount: false,
// },
screenSize: null,
visible: true,
checkedCategories: [],
@@ -188,13 +188,13 @@ export default {
} else {
this.checkedCategories = [];
}
if (Object.keys(newCurrentFilters).includes("shipping_cost")) {
this.filterForm.shipping_cost = true;
} else {
this.filterForm.shipping_cost = false;
}
// if (Object.keys(newCurrentFilters).includes("shipping_cost")) {
// this.filterForm.shipping_cost = true;
// } else {
// 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.discount) filters.discount = true;
//if (this.filterForm.shipping_cost) filters.shipping_cost = false;
//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;

2
components/TextWithImageAndButton.vue
View File

@@ -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>

4
pages/index.vue
View File

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

4
pages/login/index.vue
View File

@@ -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 {

1
pages/productoras/index.vue
View File

@@ -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" />

2
pages/registro/cooperativa.vue
View File

@@ -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"