From 1eb77be1d0c9ef3ca8a236640e51fd8ec650f368 Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Tue, 27 May 2025 19:19:53 -0300
Subject: [PATCH] Columna definida afuera

---
 resources/js/components/pedidos/Chismosa.vue | 82 ++++++++++----------
 1 file changed, 40 insertions(+), 42 deletions(-)

diff --git a/resources/js/components/pedidos/Chismosa.vue b/resources/js/components/pedidos/Chismosa.vue
index 2aae8c4..b9a3c5d 100644
--- a/resources/js/components/pedidos/Chismosa.vue
+++ b/resources/js/components/pedidos/Chismosa.vue
@@ -1,46 +1,44 @@
 <template>
-    <div class="column is-one-third">
-        <div class="fixed-right">
-            <table v-show="mostrar_tabla" class="table is-striped is-bordered tabla-chismosa is-narrow">
-                <thead>
-                <tr>
-                    <th>Producto</th>
-                    <th>Cantidad</th>
-                    <th><abbr title="Precio Total">$</abbr></th>
-                </tr>
-                </thead>
-                <tfoot>
-                <tr>
-                    <th><abbr title="Bonos de Transporte">B. Transporte</abbr></th>
-                    <th class="has-text-right">{{ cantidad_transporte }}</th>
-                    <th class="has-text-right">{{ total_transporte }}</th>
-                </tr>
-                <tr v-if="grupo_de_compra.devoluciones_habilitadas">
-                    <th><p>Devoluciones</p></th>
-                    <td>
-                        <abbr :title="devoluciones_notas">{{ notas_abreviadas }}</abbr>
-                        <button @click.capture="toggleDevoluciones()" class="button is-warning is-small">
-                            <span class="icon">
-                                <i class="fas fa-edit"></i>
-                            </span>
-                        </button>
-                    </td>
-                    <th class="has-text-right">-{{ devoluciones_total }}</th>
-                </tr>
-                <tr>
-                    <th>Total total</th>
-                    <th></th>
-                    <th class="has-text-right">{{ total }}</th>
-                </tr>
-                </tfoot>
-                <tbody>
-                <producto-row v-for="producto in productos" :producto="producto" :key="producto.id"></producto-row>
-                </tbody>
-            </table>
-            <p class="has-text-centered" v-show="!mostrar_tabla">
-                Compa, todavía no agregaste nada a la chismosa.
-            </p>
-        </div>
+    <div class="fixed-right">
+        <table v-show="mostrar_tabla" class="table is-striped is-bordered tabla-chismosa is-narrow">
+            <thead>
+            <tr>
+                <th>Producto</th>
+                <th>Cantidad</th>
+                <th><abbr title="Precio Total">$</abbr></th>
+            </tr>
+            </thead>
+            <tfoot>
+            <tr>
+                <th><abbr title="Bonos de Transporte">B. Transporte</abbr></th>
+                <th class="has-text-right">{{ cantidad_transporte }}</th>
+                <th class="has-text-right">{{ total_transporte }}</th>
+            </tr>
+            <tr v-if="grupo_de_compra.devoluciones_habilitadas">
+                <th><p>Devoluciones</p></th>
+                <td>
+                    <abbr :title="devoluciones_notas">{{ notas_abreviadas }}</abbr>
+                    <button @click.capture="toggleDevoluciones()" class="button is-warning is-small">
+                        <span class="icon">
+                            <i class="fas fa-edit"></i>
+                        </span>
+                    </button>
+                </td>
+                <th class="has-text-right">-{{ devoluciones_total }}</th>
+            </tr>
+            <tr>
+                <th>Total total</th>
+                <th></th>
+                <th class="has-text-right">{{ total }}</th>
+            </tr>
+            </tfoot>
+            <tbody>
+            <producto-row v-for="producto in productos" :producto="producto" :key="producto.id"></producto-row>
+            </tbody>
+        </table>
+        <p class="has-text-centered" v-show="!mostrar_tabla">
+            Compa, todavía no agregaste nada a la chismosa.
+        </p>
     </div>
 </template>