From 973d099bf14ec04166b5a9d9a98d9f26305715a2 Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Tue, 27 May 2025 19:19:23 -0300
Subject: [PATCH] Layout de columnas para que el cartel de pedido aprobado no
 desplace la chismosa

---
 resources/js/components/pedidos/Body.vue | 27 +++++++++++++++++-------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/resources/js/components/pedidos/Body.vue b/resources/js/components/pedidos/Body.vue
index 4ed36ca..4a6f12a 100644
--- a/resources/js/components/pedidos/Body.vue
+++ b/resources/js/components/pedidos/Body.vue
@@ -1,26 +1,37 @@
 <template>
     <div id="pedidos-body">
-        <nav-migas></nav-migas>
-        <cartel-pedido-aprobado></cartel-pedido-aprobado>
-        <pedido-select v-if="!pedidoDefinido"></pedido-select>
-        <canasta v-else></canasta>
+        <pedido-select v-if="!pedidoDefinido"/>
+        <div v-else>
+            <nav-migas/>
+            <div class="columns">
+                <div class="column" :class="{ 'is-two-thirds': show_chismosa }">
+                    <cartel-pedido-aprobado/>
+                    <canasta/>
+                </div>
+                <div class="column" v-if="show_chismosa">
+                    <chismosa/>
+                </div>
+            </div>
+        </div>
     </div>
 </template>
 
 <script>
-import { mapActions, mapGetters } from "vuex";
+import { mapActions, mapGetters, mapState } from "vuex";
 import CartelPedidoAprobado from "./CartelPedidoAprobado.vue";
 import PedidoSelect from "./PedidoSelect.vue";
 import Canasta from "./Canasta.vue";
 import NavMigas from "./NavMigas.vue";
+import Chismosa from "./Chismosa.vue";
 
 export default {
-    components: { NavMigas, CartelPedidoAprobado, PedidoSelect, Canasta },
+    components: { Chismosa, NavMigas, CartelPedidoAprobado, PedidoSelect, Canasta },
     computed: {
-        ...mapGetters('pedido',["pedidoDefinido"]),
+        ...mapGetters('pedido', ["pedidoDefinido"]),
+        ...mapState('ui', ["show_chismosa"]),
     },
     methods: {
-        ...mapActions('productos',["init"]),
+        ...mapActions('productos', ["init"]),
     },
     async mounted() {
         await this.init();