Mostrar apto para veganes y celiques. Reacomodar iconos de nacional y ecosolidaria

This commit is contained in:
nat 2022-04-11 23:40:41 -03:00
parent 1779f573ec
commit f7f06cfa3a
1 changed files with 7 additions and 6 deletions

View File

@ -119,20 +119,21 @@ Vue.component('producto-container', {
</header> </header>
<section class="modal-card-body"> <section class="modal-card-body">
<div class="card-image"> <div class="card-image">
<figure v-show="producto.nacional" class="image icono is-32x32" style="z-index:10">
<img src="/assets/uruguay.png">
</figure>
<figure v-show="producto.economia_solidaria" class="image icono is-32x32" style="z-index:10">
<img src="/assets/solidaria.png">
</figure>
<figure class="image is-4by3"> <figure class="image is-4by3">
<img <img
v-bind:src="producto.imagen ? producto.imagen : 'https://bulma.io/images/placeholders/1280x960.png'"> v-bind:src="producto.imagen ? producto.imagen : 'https://bulma.io/images/placeholders/1280x960.png'">
</figure> </figure>
<figure v-show="producto.nacional" class="image icono is-32x32">
<img src="/assets/uruguay.png">
</figure>
<figure v-show="producto.economia_solidaria" class="image icono is-32x32">
<img src="/assets/solidaria.png">
</figure>
</div> </div>
<div class="media-content"> <div class="media-content">
<p class="title is-4" v-text="producto.proveedor"></p> <p class="title is-4" v-text="producto.proveedor"></p>
<p class="subtitle is-4">$<span v-text="producto.precio"></span></p> <p class="subtitle is-4">$<span v-text="producto.precio"></span></p>
<p class="subtitle is-6"><span v-show="producto.apto_veganxs">Apto para veganxs. </span><span v-show="producto.apto_celiacxs">Apto para celíacxs.</span></p>
<p class="subtitle is-5"><span v-text="producto.descripcion"></span></p> <p class="subtitle is-5"><span v-text="producto.descripcion"></span></p>
<div class="field has-addons is-centered is-thin-centered"> <div class="field has-addons is-centered is-thin-centered">
<p class="control"> <p class="control">