Arreglada nav bar de ollas
This commit is contained in:
parent
5aadfe6753
commit
7ade1b18f1
2 changed files with 10 additions and 4 deletions
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
Loading…
Add table
Reference in a new issue