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

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>