Arreglo alineacion

This commit is contained in:
Alejandro Tasistro 2025-06-10 19:19:15 -03:00
parent 210c91f3a8
commit 1b920093c4

View file

@ -29,7 +29,7 @@ export default {
</script> </script>
<template> <template>
<div class="box" style="height:100%"> <div class="box is-flex is-flex-direction-column" style="height:100%">
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column"> <div class="column">
<p class="title is-6"> <p class="title is-6">
@ -42,27 +42,25 @@ export default {
</p> </p>
</div> </div>
</div> </div>
<footer> <div class="columns mt-auto is-justify-content-left is-mobile">
<div class="columns is-justify-content-left is-mobile"> <div v-if="conIconos" class="column has-text-left">
<div v-if="conIconos" class="column has-text-left"> <span>
<span> <img v-show="producto.economia_solidaria" height="30px" width="30px" src="/assets/solidaria.png" alt="proveedor de economía solidaria">
<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"/>
<img v-show="producto.nacional" height="30px" width="30px" src="/assets/uruguay.png" alt="proveedor nacional"/> </span>
</span> </div>
</div> <div class="column mt-auto"
<div class="column" :class="conIconos ? 'is-three-quarters-mobile is-two-thirds-tablet' : 'is-full'">
:class="conIconos ? 'is-three-quarters-mobile is-two-thirds-tablet' : 'is-full'"> <producto-cantidad
<producto-cantidad v-if="!aprobado"
v-if="!aprobado" :producto_id="producto.id"
:producto_id="producto.id" :requiere_notas="producto.requiere_notas">
:requiere_notas="producto.requiere_notas"> </producto-cantidad>
</producto-cantidad> <div class="has-text-centered mt-2" v-if="fuePedido && aprobado">
<div class="has-text-centered mt-2" v-if="fuePedido && aprobado"> <p class="subtitle is-7">{{ cantidadEnChismosa }} en chismosa</p>
<p class="subtitle is-7">{{ cantidadEnChismosa }} en chismosa</p>
</div>
</div> </div>
</div> </div>
</footer> </div>
</div> </div>
</template> </template>