felix
/
pedi2
forked from nathalie/pedi2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
resources/js/components/ProductoCard.vue
View File

@ -54,10 +54,16 @@ export default {
{{ producto.nombre }} {{ producto.nombre }}
</p> </p>
<p class="subtitle is-7" v-text="producto.proveedor"></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>
<div class="column is-one-quarter has-text-right"> <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="has-text-weight-bold has-text-primary">
<p class="subtitle is-7" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</p> <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>
</div> </div>
<footer class="columns"> <footer class="columns">
@ -88,11 +94,8 @@ export default {
</button> </button>
</div> </div>
</div> </div>
<div class="column is-one-quarter has-text-right"> <div class="column">
<p> <p class="subtitle is-7 is-hidden-mobile" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</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> </div>
</footer> </footer>
</div><!-- END BOX --> </div><!-- END BOX -->
@ -116,4 +119,16 @@ export default {
display: none; display: none;
} }
} }
@include mixins.from(mixins.$tablet) {
.hidden-from-tablet {
display: none;
}
}
@include mixins.mobile() {
.is-left-mobile {
float: left;
}
}
</style> </style>