Cambio lugar de iconos y mensaje de chismosa

This commit is contained in:
Alejandro Tasistro 2024-09-09 01:09:23 -03:00
parent 82ad4dd910
commit ffd4570d44
1 changed files with 22 additions and 7 deletions

View File

@ -54,10 +54,16 @@ export default {
{{ producto.nombre }}
</p>
<p class="subtitle is-7" v-text="producto.proveedor"></p>
<span class="subtitle is-7 hidden-from-tablet" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</span>
</div>
<div class="column is-one-quarter has-text-right">
<p class="has-text-weight-bold has-text-primary">$<span v-text="producto.precio"></span></p>
<p class="subtitle is-7" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</p>
<p class="has-text-weight-bold has-text-primary">
<span class="is-left-mobile">
<img v-show="producto.economia_solidaria" height="30px" width="30px" src="/assets/solidaria.png" alt="proveedor de economía solidaria">
<img v-show="producto.nacional" height="30px" width="30px" src="/assets/uruguay.png" alt="proveedor nacional"/>
</span>
$<span v-text="producto.precio"></span>
</p>
</div>
</div>
<footer class="columns">
@ -88,11 +94,8 @@ export default {
</button>
</div>
</div>
<div class="column is-one-quarter has-text-right">
<p>
<img v-show="producto.economia_solidaria" height="30px" width="30px" src="/assets/solidaria.png" alt="proveedor de economía solidaria">
<img v-show="producto.nacional" height="30px" width="30px" src="/assets/uruguay.png" alt="proveedor nacional"/>
</p>
<div class="column">
<p class="subtitle is-7 is-hidden-mobile" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</p>
</div>
</footer>
</div><!-- END BOX -->
@ -116,4 +119,16 @@ export default {
display: none;
}
}
@include mixins.from(mixins.$tablet) {
.hidden-from-tablet {
display: none;
}
}
@include mixins.mobile() {
.is-left-mobile {
float: left;
}
}
</style>