Arreglada nav bar de ollas

This commit is contained in:
Alejandro Tasistro 2025-08-12 14:54:17 -03:00
parent 5aadfe6753
commit 7ade1b18f1
2 changed files with 10 additions and 4 deletions

View file

@ -14,7 +14,7 @@
<burger/>
</div>
<div class="navbar-menu" :class="{'is-active': burger_activa}">
<div class="navbar-start is-flex is-justify-content-center is-flex-grow-1">
<div class="navbar-start is-flex is-justify-content-center is-flex-grow-1 hide-below-1024">
<div v-if="mostrarAviso" class="is-absolute-center is-flex is-align-items-center navbar-item">
<span class="tag is-warning is-size-6">
Monto superado

View file

@ -6,10 +6,14 @@ export default {
name: "OllasNavBarBrand",
components: { ChismosaDropdown },
computed: {
...mapGetters('ollas', ["montoTotal", "montoSuperado"]),
...mapGetters('pedido', ["pedidoDefinido"]),
...mapGetters('ollas', ["montoTotal"]),
...mapState('login', ["rol"]),
...mapState('ui', ["burger_activa"]),
...mapState('pedido', ["nombre"]),
mostrarAviso() {
return this.pedidoDefinido && this.rol === 'ollas' && this.montoSuperado;
}
},
methods: {
...mapActions('ollas', ["getMontoPorOlla"]),
@ -22,12 +26,14 @@ export default {
</script>
<template>
<div class="navbar-item hide-below-1024">
<p v-if="pedidoDefinido">{{ `${nombre}` }}</p>
<div class="navbar-item">
<chismosa-dropdown
v-if="pedidoDefinido"
class="hide-above-1023"
ariaControls="mobile"/>
<span v-if="mostrarAviso" class="tag is-warning is-size-6">
Monto superado
</span>
</div>
</template>