nathalie/pedi2
3
3
Fork 1
Code Issues Pull requests 2 Projects Releases Wiki Activity

Compare commits

base: nathalie:ffd4570d44c2d870bb6af4e1895f1adb2419216c
Branches Tags
nathalie:master
nathalie:funcion/refactor-general
nathalie:funcion/saldos
nathalie:backup-90
..
compare: nathalie:078e29a01fbb473127c1ceb2c262432307d982a6
Branches Tags
nathalie:funcion/refactor-general
nathalie:funcion/saldos
nathalie:master
nathalie:backup-90

No commits in common. "ffd4570d44c2d870bb6af4e1895f1adb2419216c" and "078e29a01fbb473127c1ceb2c262432307d982a6" have entirely different histories.
ffd4570d44 ... 078e29a01f

1 changed files with 11 additions and 35 deletions
Show stats Expand all files Collapse all files

46
resources/js/components/ProductoCard.vue
View file

@ -46,24 +46,18 @@ export default {
</script>
<template>
<div class="block column is-one-quarter-desktop is-full-mobile is-half-tablet min-width-from-desktop">
<div class="block column min-width">
<div class="box" style="height:100%">
<div class="columns">
<div class="column">
<div class="column is-three-quarters">
<p class="title is-6">
{{ 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 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>
<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>
</div>
</div>
<footer class="columns">
@ -94,8 +88,11 @@ export default {
</button>
</div>
</div>
<div class="column">
<p class="subtitle is-7 is-hidden-mobile" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</p>
<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>
</footer>
</div><!-- END BOX -->
@ -105,30 +102,9 @@ export default {
<style lang="scss" scoped>
@use "bulma/sass/utilities/mixins";
@include mixins.until(mixins.$desktop) {
.hidden-until-desktop {
display: none;
}
}
@include mixins.from(mixins.$desktop) {
.min-width-from-desktop {
@include mixins.desktop {
.min-width {
min-width: 25rem;
}
.hidden-from-desktop {
display: none;
}
}
@include mixins.from(mixins.$tablet) {
.hidden-from-tablet {
display: none;
}
}
@include mixins.mobile() {
.is-left-mobile {
float: left;
}
}
</style>